Ինչպես օգտվել Web Browser Developer Tools- ից

Ինտեգրացված գործիքներ վեբ դիզայներների, մշակողների եւ թեստավորողների համար

Բացի բրաուզերի մշակողների մեծամասնությունը, որոնք ամեն օր օգտատեր են, փնտրում են համացանցը, նրանք նաեւ սպասարկում են վեբ մշակողներին, դիզայներներին եւ որակի ապահովման մասնագետներին, որոնք օգնում են ստեղծել այն ծրագրերը եւ կայքերը, որոնք այդ օգտվողներն օգտվում են հզոր գործիքների ինտերֆեյսը բրաուզերների մեջ իրենք.

Անցկացրեց այն օրերը, երբ զննարկիչում հայտնաբերված միակ ծրագրավորումը եւ թեստավորման գործիքները թույլ են տալիս դիտել էջի կոդով եւ այլ ոչինչ: Այսօրվա բրաուզերները թույլ են տալիս ձեզ ավելի խորը սուզվել, ջնջել JavaScript- ի հատվածները, ստուգել եւ խմբագրել DOM- ի տարրերը, իրական ժամանակի ցանցային երթեւեկությունը դիտել որպես ձեր հավելված կամ էջ բեռներ, խոչընդոտների հայտնաբերման, CSS- ի վերլուծության համար, ապահովելով, որ ձեր կոդը չօգտագործելով չափազանց շատ հիշողություն կամ շատ CPU ցիկլեր եւ այլն: Թեստավորման տեսանկյունից կարող եք վերարտադրել, թե ինչպես է ծրագիրը կամ վեբ էջը տարբեր բրաուզերներում, ինչպես նաեւ տարբեր սարքերի եւ հարթակների վրա, արձագանքող դիզայնի կախարդությամբ եւ ներկառուցված սիմուլյատորներով: Լավագույն մասը այն է, որ դուք կարող եք դա անել, առանց ձեր զննարկիչը թողնելը:

Դասընթացները ստորեւ քայլեք ձեզ միջոցով, թե ինչպես կարելի է մուտք գործել այս ծրագրավորող գործիքներ մի քանի հայտնի վեբ բրաուզերում:

Google Chrome

Getty Images # 182772277

Chrome- ի մշակող գործիքները հնարավորություն են տալիս խմբագրել եւ կարգաբերել կոդ, ստուգել առանձին բաղադրիչները, արտադրության խնդիրների բացահայտման համար, սիմվոլավորել տարբեր սարքի էկրաններ, ներառյալ Android կամ iOS- ը , եւ կատարել մի քանի օգտակար գործառույթներ:

  1. Սեղմեք Chrome- ի հիմնական մենյուի կոճակը, որը նշված է երեք հորիզոնական գծերով եւ գտնվում է բրաուզերի վերեւի աջ անկյունում:
  2. Երբ կաթվածի ընտրացանկը հայտնվում է, սեղմեք ձեր մկնիկի կուրսորը ավելի գործիքների տարբերակով:
  3. Այժմ պետք է ենթա-մենյուն: Ընտրեք ծրագրավորող գործիքներ նշված տարբերակը: Դուք կարող եք նաեւ օգտագործել այս ստեղնաշարի կարճուղի այս ընտրացանկի տարրի տեղում. Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
  4. Chrome- ի Developer Tools ինտերֆեյսը այժմ պետք է ցուցադրվի, ինչպես ցույց է տրված այս օրինակի էկրանին: Կախված Chrome- ի ձեր տարբերակից, նախնական դասավորությունը, որը տեսնում եք, կարող է մի փոքր տարբերվել այստեղ ներկայացվածից: Ստեղծող գործիքների հիմնական առանցքը, որը սովորաբար գտնվում է էկրանի ներքեւի կամ աջ կողմում, պարունակում է հետեւյալ ներդիրները:
    Elements: Ապահովում է ստուգել CSS- ի եւ HTML- ի կոդը, ինչպես նաեւ փոփոխել CSS- ի վրա, տեսնելով ձեր փոփոխությունների իրական ժամանակում:
    Վահանակ: Chrome- ի JavaScript- ի կոնսոլը թույլ է տալիս անմիջական հրամանի մուտքի, ինչպես նաեւ ախտորոշման կարգաբերում:
    Աղբյուրները. Ձեզ հնարավորություն է տալիս ջնջել JavaScript կոդը հզոր գրաֆիկական ինտերֆեյսի միջոցով:
    Ցանց. Դասակարգում եւ ցուցադրում է մանրամասն տեղեկություն, կապված գործող դիմումի կամ էջի վրա, ներառյալ ամբողջական հարցման եւ պատասխանի վերնագրերը, ինչպես նաեւ առաջադեմ ժամանակաչափի չափանիշները:
    Ժամացույցի տերմինը. Թույլ է տալիս մանրամասն ուսումնասիրել յուրաքանչյուր գործողություն, որը տեղի է ունենում բրաուզերում, էջի կամ հավելվածի բեռնման հարցում առաջադրվելու դեպքում:
  5. Բացի այս բաժիններից, դուք կարող եք նաեւ մուտք գործել հետեւյալ գործիքները >> պատկերակը, որը գտնվում է Ժամանակահատվածի էջանիշի աջ կողմում:
    Profile: Broken ներքեւ CPU պրոֆիլների եւ Heap պրոֆիլների բաժիններում, ապահովում է համապարփակ հիշողության օգտագործման եւ ընդհանուր կատարման ժամանակ ակտիվ հայտի կամ էջի.
    Անվտանգություն. Կարեւորում է վկայագրության խնդիրները եւ անվտանգության հետ կապված այլ հարցեր, ակտիվ էջի կամ հավելվածի հետ:
    Ռեսուրսներ. Այս տեղը կարող եք ստուգել բլիթները, տեղական պահեստը, հավելվածի քեշը եւ ներկա վեբ էջի կամ հավելվածի կողմից օգտագործված տեղական այլ աղբյուրները:
    Աուդիտներ. Առաջարկում է էջի կամ հավելվածի բեռի ժամանակի եւ ընդհանուր կատարման օպտիմալացման ուղիները:
  6. Սարքի ռեժիմը թույլ է տալիս դիտել ակտիվ էջը մի սիմուլյատորի մեջ, որն այն գրեթե ճիշտ է ներկայացնում, քանի որ այն կներկայացնի ավելի քան մեկ տասնյակ սարքերից մեկի, այդ թվում, մի քանի հայտնի Android եւ iOS մոդելներ, ինչպիսիք են iPad, iPhone եւ Samsung Galaxy: Ձեզ տրվում է նաեւ հատուկ մշակի էկրանային բանաձեւերի արտաբերման ունակություն, որը համապատասխանում է ձեր կոնկրետ զարգացմանը կամ փորձարկման կարիքներին: Սարքի ռեժիմը անջատելու եւ անջատելու համար ընտրեք բջջային հեռախոսի պատկերակը անմիջապես Elements էջանիշի ձախ կողմում:
  7. Կարող եք նաեւ հարմարեցնել ձեր մշակողի գործիքների տեսքն ու զգացումը, նախ սեղմեք ներքեւում երեք ուղղահայաց տեղադրված կետերի ցանկի մենյուի կոճակը եւ տեղադրված է վերը նշված ներդիրների հեռու աջ կողմում: Այս բացվող մենյուից կարող եք փոխարկել նավահանգիստը, ցույց տալ կամ թաքցնել տարբեր գործիքներ, ինչպես նաեւ սկսել ավելի առաջադեմ իրեր, ինչպիսիք են սարքի տեսուչը: Դուք կգտնեք, որ գլոբալ գործիքների ինտերֆեյսը ինքնին խիստ հարմարեցվում է այս բաժնում տեղ գտած պարամետրերի միջոցով:
Մանրամասն »

Mozilla Firefox

Getty Images # 571606617

Firefox- ի վեբ-մշակող բաժինը ներառում է գործիքներ դիզայներների, ծրագրավորողների եւ թեստավորողների համար, ինչպիսիք են ոճի խմբագրիչը եւ պիքսելային նպատակակետը:

Խորհուրդ է տրվում. The Top 25 Greasemonkey եւ Tampermonkey User Scripts

  1. Սեղմիր Firefox- ի հիմնական ցանկի կոճակը, որը ներկայացված է երեք հորիզոնական գծերով եւ գտնվում է զննարկիչի պատուհանի վերին աջ անկյունում:
  2. Երբ բացվող մենյուը հայտնվում է, ընտրեք Developer- ը : Այժմ Web Developer մենյունը պետք է ցուցադրվի, որը պարունակում է հետեւյալ ընտրանքները: Դուք նկատում եք, որ ճաշացանկի մեծամասնությունը ունի դրանց հետ կապված ստեղնաշարի դյուրանցումներ:
    Փոխարկել գործիքները. Ցուցադրում կամ թաքցնում է մշակողի գործիքների ինտերֆեյսը, որը սովորաբար տեղադրված է զննարկիչի պատուհանի ներքեւում: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + I ), Windows ( CTRL + SHIFT + I )
    Տեսուչը. Թույլ է տալիս Ձեզ ստուգել եւ (կամ) սեղմել CSS- ի եւ HTML- ի կոդերը ակտիվ էջում, ինչպես նաեւ շարժական սարքի վրա, հեռակառավարման միջոցով: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + C ), Windows ( CTRL + SHIFT + C )
    Վեբ վահանակ. Թույլ է տալիս իրականացնել JavaScript- ի արտահայտություններ ակտիվ էջում, ինչպես նաեւ վերանայել մուտք գործած տվյալների բազմազան շարք, ներառյալ անվտանգության նախազգուշացումները, ցանցային հարցումները, CSS- ի հաղորդագրությունները եւ այլն: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + K ), Windows ( CTRL + SHIFT + K )
    Կարգավորողը. JavaScript կարգավորիչը թույլ է տալիս կանխորոշել եւ լուծել սխալները, սահմանելով breakpoints, ստուգել DOM հանգույցները, սեւ բռնցքամարտի արտաքին աղբյուրները եւ շատ ավելին: Ինչպես տեսուչի հետ գործն է, այս առանձնահատկությունը նաեւ աջակցում է հեռահար կարգավիճակի հեռացմանը: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
    Style Editor- ը թույլ է տալիս ստեղծել նոր ոճերի թերթեր եւ ներդնել դրանք ակտիվ վեբ էջով, կամ խմբագրել գոյություն ունեցող էջերը եւ ստուգել, ​​թե ինչպես է փոփոխությունները դիտարկիչում ընդամենը մեկ սեղմումով: Ստեղնաշարի դյուրանցում `Mac OS X, Windows ( SHIFT + F7 )
    Մանրամասն: Ապահովում է ակտիվ էջի ցանցի կատարողականի մանրամասն շրջանակ, կադրային փոխարժեքի տվյալներ, JavaScript- ի կատարման ժամանակ եւ վիճակ, ներկ մազահեռացում եւ շատ ավելին: Ստեղնաշարի դյուրանցում `Mac OS X, Windows ( SHIFT + F5 )
    Ցանցը. Ցանկացած ցանցի պահանջը զետեղված է զննարկիչի կողմից համապատասխան մեթոդով, ծագման տիրույթով, տիպը, չափը եւ անցած ժամանակը: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
    Developer Toolbar: Բացում է ինտերակտիվ հրամանի տող թարգմանիչ: Մուտքագրեք օգնությունը թարգմանչի մեջ բոլոր մատչելի հրամանների եւ նրանց համապատասխան սինտսերի ցանկի համար: Ստեղնաշարի դյուրանցում `Mac OS X, Windows ( SHIFT + F2 )
    WebIDE: Ապահովում է վեբ հավելվածների ստեղծման եւ իրականացման ունակություն Firefox OS- ի կամ Firefox OS սիմուլյատորի միջոցով իրական սարքերի միջոցով: Ստեղնաշարի դյուրանցում `Mac OS X, Windows ( SHIFT + F8 )
    Browser Console: Ապահովում է նույն ֆունկցիոնալությունը, ինչպիսին է վեբ վոլեյբոլը (տես վերը): Այնուամենայնիվ, վերադարձված բոլոր տվյալները Firefox- ի բոլոր ծրագրերի համար (ներառյալ ընդարձակման եւ բրաուզերի մակարդակի գործառույթները), ի տարբերություն պարզապես ակտիվ վեբ էջի: Ստեղնաշարի դյուրանցում `Mac OS X ( SHIFT + COMMAND + J ), Windows ( CTRL + SHIFT + J )
    Responsive Design View: Ձեզ հնարավորություն է տալիս ակնթարթորեն դիտել վեբ էջ տարբեր բանաձեւերում, դասավորության եւ էկրանին չափերը `նմանեցնել տարբեր սարքեր, այդ թվում` հաբեր եւ սմարթֆոններ: Ստեղնաշարի դյուրանցում `Mac OS X ( ALT (OPTION) + COMMAND + M ), Windows ( CTRL + SHIFT + M )
    Eyedropper: Ցուցադրում է hex գունային կոդ, առանձին ընտրված պիքսելների համար:
    Scratchpad- ը Ձեզ հնարավորություն է տալիս գրել, խմբագրել, ինտեգրել եւ իրականացնել JavaScript կոդերի հատվածները Firefox- ի փոստարկղի պատուհանից: Ստեղնաշարի դյուրանցում `Mac OS X, Windows ( SHIFT + F4 )
    Էջի աղբյուրը. Բրաուզերի վրա հիմնված բնօրինակ մշակող գործիք, այս տարբերակը պարզապես ցուցադրում է առկա էջի կոդը ակտիվ էջի համար: Ստեղնաշարի դյուրանցում `Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
    Ավելի շատ գործիքներ. Բացահայտում է Web Developer- ի Toolbox- ի հավաքածուն Mozilla- ի պաշտոնական հավելվածների վրա , որտեղ ներկայացված են տասնմեկ տարածված հավելվածներ, ինչպիսիք են Firebug եւ Greasemonkey:
Մանրամասն »

Microsoft Edge / Internet Explorer- ը

Getty Images # 508027642

Սովորաբար կոչվում է F12 Developer Tools- ը , ստեղնաշարի դյուրանցման համար, որը սկսեց ինտերֆեյսը, քանի որ Internet Explorer- ի նախկին տարբերակները, IE11- ի եւ Microsoft Edge- ի խոշոր գործիքները եկել են բավականին երկար ճանապարհով `առաջարկելով շատ հարմար խումբ: մոնիտորներ, կարգաբերիչներ, emulators եւ on-the-fly սայթաքերներ:

  1. Սեղմեք ավելի գործողությունների ցանկից, որը ներկայացված է երեք կետով եւ գտնվում է զննարկիչի պատուհանի վերին աջ անկյունում: Երբ կաթվածի ցանկը հայտնվում է, ընտրեք F12 Developer Tools- ի պիտակը: Ինչպես արդեն նշեցի, Դուք կարող եք նաեւ մուտք գործել գործիքներ F12 ստեղնաշարի կարճուղի միջոցով:
  2. Զարգացման ինտերֆեյսը այժմ պետք է ցուցադրվի, սովորաբար դիտարկիչի պատուհանի ներքեւում: Հասանելի են հետեւյալ գործիքները, որոնցից յուրաքանչյուրը մատչելի է, սեղմելով իրենց համապատասխան ներդիրի վերնագրում կամ օգտագործելով ստեղնաշարի ստեղնաշար:
    DOM Explorer- ը թույլ է տալիս Ձեզ խմբագրել stylesheets եւ HTML ակտիվ էջում, ցույց տալով փոփոխված արդյունքները, երբ դուք գնում եք: Օգտագործում է IntelliSense ֆունկցիոնալությունը, ավտոմատ կերպով լրացնելու համար, որտեղ կիրառելի է: Ստեղնաշարի դյուրանցում (CTRL + 1)
    Վահանակով: Ապահովում է խափանումների մասին տեղեկատվության ներկայացում, ներառյալ հաշվիչները, ժմչփները, հետքերը եւ անհատականացված հաղորդագրությունները ինտեգրված API- ի միջոցով: Բացի այդ, թույլ է տալիս կոդ ներդնել ակտիվ վեբ էջում եւ փոփոխել իրական ժամանակում որոշակի փոփոխականներին տրված արժեքները: Ստեղնաշարի դյուրանցում (CTRL + 2)
    Խափանումիչ. Ձեզ հնարավորություն է տալիս սահմանել կետեր եւ կարգաբերել ձեր կոդը, երբ դա կատարում է, գիծը, ըստ անհրաժեշտության: Ստեղնաշարի դյուրանցում (CTRL + 3)
    Ցանց. Ցանցի բեռնումը եւ կատարումը, ներառյալ արձանագրության մանրամասները, բովանդակության տեսակը, թողունակության օգտագործումը եւ այլն: Ստեղնաշարի դյուրանցում (CTRL + 4)
    Մանրամասն մանրամասներ շրջանակի տեմպերը, պրոցեսորի օգտագործումը եւ կատարման հետ կապված այլ չափորոշիչներ, որոնք կօգնեն արագացնել էջի բեռնման ժամանակները եւ այլ գործողություններ: Ստեղնաշարի դյուրանցում (CTRL + 5)
    Հիշողություն. Օգնում է ձեզ մեկուսացնել եւ ուղղել ներկա վեբ էջում պոտենցիալ հիշողությունների արտահոսքը, օգտագործելով հիշողություն օգտագործման ժամանակացույցը, ինչպես նաեւ տարբեր ժամանակահատվածներից ստացվող լուսանկարները: Ստեղնաշարի դյուրանցում (CTRL + 6)
    Emulation: Ցույց է տալիս, թե ինչպես ակտիվ էջը կցուցադրի տարբեր լուծումներ եւ էկրանային չափսեր, զգայական սմարթֆոններ, պլանշետներ եւ այլ սարքեր: Նաեւ հնարավորություն է տալիս փոփոխել օգտագործողի գործակալը եւ էջի կողմնորոշումը, ինչպես նաեւ ընդօրինակել եւ ընդարձակել երկայնությունը: Ստեղնաշարի դյուրանցում (CTRL + 7)
  3. Վահանակի ցուցադրումը մյուս գործիքներից որեւէ մեկի համար սեղմեք դաշտի կոճակը, որը ներկառուցված աջակի բրա կողմից դրված է, գտնվում է զարգացման գործիքների ինտերֆեյսի վերին աջ անկյունում:
  4. Բաց թողնել, մշակողի գործիքների ինտերֆեյսը, այն դառնում է առանձին պատուհան, սեղմեք կոճակը, որը ներկայացված է երկու կասկադային ուղղանկյուններով կամ օգտագործեք հետեւյալ ստեղնաշարի դյուրանցումը: CTRL + P. Դուք կարող եք գործիքները վերադառնալ իրենց սկզբնական վայրում `սեղմելով CTRL + P երկրորդ անգամ:

Apple Safari (OS X միայն)

Getty Images # 499844715

Safari- ի բազմազան գործիքները արտացոլում են խոշոր մշակող համայնքը, որն օգտագործում է Mac- ի նախագծման եւ ծրագրավորման կարիքների համար: Բացի հզոր մխիթարիչ եւ ավանդական փայտամթերման եւ կարգաբերման առանձնահատկություններից, հեշտ օգտագործման համար պատասխանատու դիզայնի ռեժիմը եւ ձեր սեփական բրաուզերի հավելվածները ստեղծելու գործիք է:

  1. Սեղմիր Safari- ին, ձեր էկրանի վերեւում գտնվող բրաուզերի ցանկում: Երբ բացվում է ցանկը, ընտրեք Ընտրանքներ : Դուք կարող եք նաեւ օգտագործել այս ստեղնաշարի դյուրանցումը այս ընտրացանկի տարրի փոխարեն: COMMAND + COMMA (,)
  2. Այժմ Safari- ի նախասիրությունների ինտերֆեյսը պետք է ցուցադրվի, ձեր բրաուզերի պատուհանը տեղադրելով: Սեղմիր Ընդլայնված պատկերակը, որը գտնվում է վերնագրի հեռու աջ կողմում:
  3. Ընդլայնված նախապատվությունները այժմ պետք է տեսանելի լինեն: Այս էկրանի ներքեւի մասում նշվում է Ցույց տալ Մշակել ցանկը ցանկի բարում , որը ուղեկցվում է վանդակում: Եթե ​​արկղում չկան ստուգման նշան, սեղմեք այն մեկ անգամ այնտեղ տեղադրելու համար:
  4. Սահմանել նախասահմանների ինտերֆեյսը, սեղմելով վերին ձախ անկյունում գտնվող կարմիր 'x- ը:
  5. Այժմ պետք է նկատել նոր տարբերակ Bookmark- ի եւ Window- ի միջեւ տեղակայված Զննարկիչի մենյուում: Սեղմեք այս ընտրացանկի տարրը: Այժմ պետք է ցուցադրվի բացվող մենյու, որը պարունակում է հետեւյալ ընտրանքները:
    Բացել էջը. Ձեզ թույլ է տալիս ակտիվ վեբ էջը բացել ձեր Mac- ում տեղադրվող այլ բրաուզերներից մեկում:
    User Agent- ը Ձեզ հնարավորություն է տալիս ընտրել ավելի քան մեկ տասնյակից ավելի նախնական սահմանված օգտագործողի արժեք, ներառյալ Chrome- ի, Firefox- ի եւ Internet Explorer- ի մի քանի տարբերակները, ինչպես նաեւ սահմանել ձեր սեփական պատվերով տողը:
    Մուտքագրեք պատասխանատու դիզայնի ռեժիմ . Ներկայումս մատչելի է, քանի որ այն կհայտնվի տարբեր սարքերում եւ տարբեր էկրանային բանաձեւերում:
    Ցույց տալ վեբ տեսչին. Սկսնակ է Safari- ի գործիքների հիմնական ինտերֆեյսը, որը սովորաբար տեղադրվում է ձեր բրաուզերի էկրանին ներքեւում եւ պարունակում է հետեւյալ բաժինները ` Elements , Network , Resources , Ժամացույցներ , Debugger , Storage , Console :
    Ցույց տալ սխալը վահանակ: Նաեւ սկսում է գլոբալ գործիքների ինտերֆեյսը, անմիջապես Console էջանիշում, որը պարունակում է սխալներ, նախազգուշացումներ եւ այլ մուտքագրված տվյալներ:
    Ցուցադրել էջի աղբյուրը. Բացում է Ռեսուրսների ներդիրը, որը ցուցադրում է փաստաթուղթը դասավորված ակտիվ էջի համար նախատեսված կոդ:
    Ցուցադրել էջի ռեսուրսները: Կատարում է նույն գործառույթը, որը ցույց է տալիս էջի աղբյուրը :
    Ցույց տալ Snippet խմբագիր. Բացում է նոր պատուհան, որտեղ դուք կարող եք մուտքագրել CSS- ի եւ HTML- ի կոդը, նախօրոք դիտելով իր արտադրանքը `on-the-fly- ում:
    Ցույց տալ Extension Builder: Ապահովում է CSS- ի, HTML- ի եւ JavaScript- ի միջոցով Safari ընդարձակման ստեղծման կամ խմբագրման կարողություն:
    Ցույց տալ ժամանակացույցի ձայնագրումը. Բացում է ժամանակացույցի ներդիրը եւ սկսում է ցույց տալ ցանցային հարցումները, ձեւավորումը եւ մատուցել տեղեկատվություն, ինչպես նաեւ իրական ժամանակում իրականացնել JavaScript- ի կատարումը:
    Դատարկային գաղտնարաններ . Ջնջում է ձեր բոլոր կոշտ սկավառակի վրա պահված ամբողջ պահոցը:
    Անջատեք Caches- ը: Ապահովում է caching- ից, որպեսզի բոլոր բովանդակությունը ստացվի սերվից յուրաքանչյուր էջի բեռի վրա:
    Անջատել պատկերներ. Կանխարգելում է բոլոր վեբ էջերում մատուցվող պատկերները:
    Անջատեք ոճերը. Անտեսում CSS հատկությունները, երբ էջը բեռնված է:
    Անջատել JavaScript- ը. Սահմանափակում է JavaScript- ի կատարումը բոլոր էջերում:
    Անջատել ընդարձակումները. Արգելվում է տեղադրված բոլոր ընդարձակման բրաուզերում աշխատելը:
    Անջատել Site- ի հատուկ հաքերները. Եթե ​​Safari- ն փոփոխվել է, բացահայտ Վեբ-էջին վերաբերող հարցի (ների) բացահայտման համար, այս տարբերակը արգելափակում է այդ փոփոխությունները, որպեսզի էջը բեռնված լինի, նախքան այդ փոփոխությունները կատարվեն:
    Անջատել տեղական ֆայլի սահմանափակումները. Թույլ է տալիս զննարկիչին մուտք ունենալ ձեր տեղական սկավառակների ֆայլերը, գործողությունների համար, որը սահմանափակվում է անվտանգության պատճառով:
    Անջատել ծագման ծագման սահմանափակումները. Այս սահմանափակումները տեղադրվում են կանխարգելելու համար XSS- ի եւ այլ պոտենցիալ վտանգների կանխարգելման համար: Այնուամենայնիվ, դրանք հաճախ պետք է ժամանակավորապես անջատված են զարգացման նպատակներով:
    Թույլ տալ JavaScript- ը Smart որոնման դաշտից. Երբ միացված է, հնարավորություն է տալիս մուտք գործել URL հղումներ javascript- ով, ուղղակիորեն ներառված է հասցեի շերտում:
    SHA-1- ի վկայագրերը որպես անապահով: SHA-1 ալգորիթմի օգտագործմամբ SSL վկայագրեր լայնորեն համարվում են հնացած եւ խոցելի: