Ինչպես օգտագործել վեբ զննարկիչի մշակողի գործիքները

2024 Հեղինակ: Abigail Brown | [email protected]. Վերջին փոփոխված: 2023-12-17 06:51

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

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

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

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

Google Chrome

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

1. Ընտրեք Chrome-ի հիմնական ընտրացանկը, որը նշված է երեք հորիզոնական գծերով և գտնվում է դիտարկիչի վերին աջ անկյունում:

2. Երբ բացվող ընտրացանկը հայտնվի, մկնիկի կուրսորը պահեք Լրացուցիչ գործիքներ ընտրանքի վրա:։

   

3. Այժմ պետք է հայտնվի ենթացանկ: Ընտրեք Developer tools պիտակավորված տարբերակը: Դուք կարող եք նաև օգտագործել ստեղնաշարի հետևյալ դյուրանցումը այս ընտրացանկի տարրի փոխարեն՝ Chrome OS/Windows (CTRL+SHIFT+I), Mac OS X (ALT(OPTION) +COMMAND+I)

   

4. Chrome Developer Tools-ի միջերեսն այժմ պետք է ցուցադրվի, ինչպես ցույց է տրված այս օրինակի սքրինշոթում: Կախված Chrome-ի ձեր տարբերակից, նախնական դասավորությունը, որը դուք տեսնում եք, կարող է մի փոքր տարբերվել այստեղ ներկայացվածից: Մշակողի գործիքների հիմնական հանգույցը, որը սովորաբար տեղակայված է էկրանի ներքևի կամ աջ կողմում, պարունակում է հետևյալ ներդիրները:

5. Այս բաժիններից բացի, կարող եք նաև մուտք գործել հետևյալ գործիքները՝ >> պատկերակի միջոցով, որը գտնվում է Կատարում պատկերակի աջ կողմում: ներդիր.

   • Հիշողություն. Դիտեք և գրանցեք հիշողության օգտագործումը վեբ էջում: Դուք կարող եք տեսնել, թե որքան ծանր է JavaScript-ը ձեր կայքում:
   • Անվտանգություն. ընդգծում է վկայագրի խնդիրները և անվտանգության հետ կապված այլ խնդիրները ակտիվ էջի կամ հավելվածի հետ:
   • Դիմում. Ստուգեք վեբ հավելվածի կողմից օգտագործվող ռեսուրսները: Ստացեք օգտագործվողի ամբողջական ակնարկ:
   • Աուդիտներ. առաջարկում է էջի կամ հավելվածի բեռնման ժամանակի և ընդհանուր կատարողականի օպտիմալացման եղանակներ:

   

6. Սարքի ռեժիմ թույլ է տալիս դիտել ակտիվ էջը սիմուլյատորում, որն այն դարձնում է գրեթե այնպես, ինչպես կհայտնվեր ավելի քան մեկ տասնյակ սարքերից մեկում, ներառյալ մի քանի հայտնի Android-ը: և iOS մոդելներ, ինչպիսիք են iPad-ը, iPhone-ը և Samsung Galaxy-ն: Ձեզ տրվում է նաև էկրանի հատուկ լուծումներ ընդօրինակելու հնարավորություն՝ համապատասխանելու ձեր մշակման կամ փորձարկման հատուկ կարիքներին:

   Սարքի ռեժիմը-ը միացնելու և անջատելու համար ընտրեք բջջային հեռախոսի պատկերակը, որը գտնվում է - ի անմիջապես ձախ կողմում: Elements ներդիր:

   

7. Դուք կարող եք նաև հարմարեցնել ձեր մշակողի գործիքների տեսքն ու զգացողությունը՝ նախ ընտրելով մենյուի կոճակը, որը ներկայացված է երեք ուղղահայաց տեղադրված կետերով և գտնվում է վերոհիշյալ ներդիրների ծայր աջ կողմում։

   Այս բացվող ընտրացանկից դուք կարող եք վերադիրքավորել նավահանգիստը, ցույց տալ կամ թաքցնել տարբեր գործիքներ, ինչպես նաև գործարկել ավելի առաջադեմ տարրեր, ինչպիսիք են սարքի տեսուչը: Դուք կտեսնեք, որ մշակողի գործիքների ինտերֆեյսը ինքնին շատ հարմարեցված է այս բաժնում հայտնաբերված կարգավորումների միջոցով:

   

Mozilla Firefox

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

1. Ընտրեք Firefox-ի հիմնական ընտրացանկը, որը ներկայացված է երեք հորիզոնական գծերով և գտնվում է դիտարկիչի պատուհանի վերին աջ անկյունում:

2. Երբ բացվող ընտրացանկը հայտնվի, ընտրեք Web Developer.

   

3. Վեբ մշակողի ընտրացանկը այժմ պետք է ցուցադրվի՝ պարունակելով հետևյալ ընտրանքները: Դուք կիմանաք, որ ընտրացանկի տարրերի մեծ մասի հետ կապված են ստեղնաշարի դյուրանցումներ:

   • Toggle Tools. Ցուցադրում կամ թաքցնում է մշակողի գործիքների միջերեսը, որը սովորաբար տեղակայված է դիտարկիչի պատուհանի ներքևում: Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+I), Windows (CTRL+SHIFT+I)
   • Inspector. Թույլ է տալիս ստուգել և/կամ շտկել CSS և HTML կոդը ակտիվ էջի վրա, ինչպես նաև շարժական սարքի վրա՝ հեռակա կարգաբերման միջոցով: Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+C), Windows (CTRL+SHIFT+C)
   • Web Console. թույլ է տալիս գործարկել JavaScript արտահայտությունները ակտիվ էջի ներսում, ինչպես նաև դիտել գրանցված տվյալների մի շարք, ներառյալ անվտանգության նախազգուշացումները, ցանցային հարցումները, CSS հաղորդագրությունները և այլն:. Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+K), Windows (CTRL+SHIFT+K)
   • Վրիպազերծիչ. JavaScript Debugger-ը թույլ է տալիս մատնանշել և շտկել թերությունները՝ սահմանելով ընդմիջման կետեր, ստուգելով DOM հանգույցները, սև բռնցքամարտի արտաքին աղբյուրները և շատ ավելին: Ինչպես Inspector-ի դեպքում, այս ֆունկցիան աջակցում է նաև հեռակա կարգաբերում: Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+S), Windows (CTRL+SHIFT+S)
   • Ոճերի խմբագրիչ. թույլ է տալիս ստեղծել նոր ոճաթերթեր և ներառել դրանք ակտիվ վեբ էջի հետ, կամ խմբագրել առկա թերթերը և ստուգել, թե ինչպես են ձեր փոփոխությունները ցուցադրվում դիտարկիչում ընդամենը մեկ սեղմումով:. Ստեղնաշարի դյուրանցում՝ Mac OS X, Windows (SHIFT+F7)
   • Performance. Ապահովում է ակտիվ էջի ցանցի կատարողականի, կադրերի արագության տվյալների, JavaScript-ի կատարման ժամանակի և վիճակի, ներկի թարթման մանրամասն նկարագրությունը և շատ ավելին: Ստեղնաշարի դյուրանցում՝ Mac OS X, Windows (SHIFT+F5)
   • Ցանց. Ցուցակում է բրաուզերի կողմից նախաձեռնված յուրաքանչյուր ցանցային հարցումը՝ համապատասխան մեթոդի, ծագման տիրույթի, տեսակի, չափի և անցած ժամանակի հետ միասին: Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+Q), Windows (CTRL+SHIFT+Q)
   • Պահպանման տեսուչ. Նայեք վեբկայքի կողմից պահվող քեշին և թխուկներին: Ստեղնաշարի դյուրանցում՝ (SHIFT+F9)
   • Developer Toolbar. Բացում է հրամանի տողի ինտերակտիվ թարգմանիչը: Մուտքագրեք help թարգմանչի մեջ բոլոր հասանելի հրամանների և դրանց համապատասխան շարահյուսության ցանկի համար: Ստեղնաշարի դյուրանցում՝ Mac OS X, Windows (SHIFT+F2)
   • WebIDE. Ապահովում է վեբ հավելվածներ ստեղծելու և գործարկելու հնարավորություն Firefox OS-ով աշխատող իրական սարքի կամ Firefox OS Simulator-ի միջոցով: Ստեղնաշարի դյուրանցում՝ Mac OS X, Windows (SHIFT+F8)
   • Browser Console. Ապահովում է նույն գործառույթը, ինչ Web Console-ը (տես վերևում):Այնուամենայնիվ, վերադարձված բոլոր տվյալները նախատեսված են ամբողջ Firefox հավելվածի համար (ներառյալ ընդլայնումները և բրաուզերի մակարդակի գործառույթները), ի տարբերություն միայն ակտիվ վեբ էջի: Ստեղնաշարի դյուրանցում՝ Mac OS X (SHIFT+COMMAND+J), Windows (CTRL+SHIFT+J)
   • Արձագանքող դիզայնի դիտում. թույլ է տալիս ակնթարթորեն դիտել վեբ էջ տարբեր լուծաչափերով, դասավորություններով և էկրանի չափսերով՝ ընդօրինակելու բազմաթիվ սարքեր, ներառյալ պլանշետները և սմարթֆոնները: Ստեղնաշարի դյուրանցում՝ Mac OS X (ALT(OPTION)+COMMAND+M), Windows (CTRL+SHIFT+M)
   • Eyedropper. Ցուցադրում է վեցանկյուն գույնի կոդը առանձին ընտրված պիքսելների համար:
   • Scratchpad. Scratchpad-ը թույլ է տալիս գրել, խմբագրել, ինտեգրել և կատարել JavaScript կոդի հատվածներ բացվող Firefox պատուհանից: Բացեք ինտերակտիվ JavaScript փաստաթուղթ, որը թույլ է տալիս գրել կոդով և փորձարկել այն վեբ կայքի դեմ: Ստեղնաշարի դյուրանցում՝ (SHIFT+F4)
   • Սպասարկման աշխատողներ. Վրիպազերծեք ծառայության աշխատողներին ձեր վեբ հավելվածը: Ստացեք մանրամասն տեղեկություններ դրանց կատարման և սխալների մասին։
   • Էջի աղբյուր. Բնօրինակ զննարկիչի վրա հիմնված մշակողի գործիք, այս տարբերակը պարզապես ցուցադրում է ակտիվ էջի հասանելի սկզբնական կոդը: Ստեղնաշարի դյուրանցում՝ Mac OS X (COMMAND+U), Windows (CTRL+U)
   • Ստացեք ավելի շատ գործիքներ. բացում է Web Developer's Toolbox հավաքածուն Mozilla-ի պաշտոնական հավելումների կայքում, որն ունի մոտ մեկ տասնյակ հայտնի ընդլայնումներ, ինչպիսիք են. որպես Firebug և Greasemonkey:

   

Microsoft Edge/Internet Explorer

Հիմնականում կոչվում է F12 Developer Tools, հարգանքի տուրք ստեղնաշարի դյուրանցմանը, որը գործարկել է ինտերֆեյսը Internet Explorer-ի ավելի վաղ տարբերակներից, մշակող գործիքների հավաքածուն IE11-ում և Microsoft Edge-ում: երկար ճանապարհ է անցել իր ստեղծման օրվանից՝ առաջարկելով մոնիտորների, վրիպազերծիչների, էմուլյատորների և անմիջապես կոմպիլյատորների շատ հարմար խումբ:

Microsoft-ն այլևս չի աջակցում Internet Explorer-ին և խորհուրդ է տալիս թարմացնել Edge բրաուզերի նոր տարբերակը: Գնացեք նրանց կայք՝ նորագույն տարբերակը ներբեռնելու համար:

1. Ընտրեք Ավելի շատ գործողություններ, որը ներկայացված է երեք կետով և գտնվում է դիտարկիչի պատուհանի վերին աջ անկյունում:

   

2. Երբ բացվող ընտրացանկը հայտնվի, ընտրեք Developer Tools:

   

3. Զարգացման ինտերֆեյսը այժմ պետք է ցուցադրվի, սովորաբար դիտարկիչի պատուհանի ներքևում: Հետևյալ գործիքները հասանելի են, որոնցից յուրաքանչյուրը հասանելի է՝ սեղմելով իրենց համապատասխան ներդիրի վերնագրի վրա կամ օգտագործելով ուղեկցող ստեղնաշարի դյուրանցումը:

   

   • DOM Explorer. Թույլ է տալիս խմբագրել ոճաթերթերը և HTML-ը ակտիվ էջում՝ ներկայացնելով փոփոխված արդյունքները, երբ գնում եք: Օգտագործում է IntelliSense-ի ֆունկցիոնալությունը՝ անհրաժեշտության դեպքում կոդն ինքնալրացնելու համար: Ստեղնաշարի դյուրանցում՝ (CTRL+1)
   • Վահանակ. Ապահովում է վրիպազերծման մասին տեղեկություններ՝ ներառյալ հաշվիչները, ժամանակաչափերը, հետքերը և հարմարեցված հաղորդագրությունները ինտեգրված API-ի միջոցով ներկայացնելու հնարավորություն: Նաև թույլ է տալիս ներարկել կոդը ակտիվ վեբ էջի մեջ և իրական ժամանակում փոփոխել առանձին փոփոխականներին նշանակված արժեքները: Ստեղնաշարի դյուրանցում՝ (CTRL+2)
   • Վրիպազերծիչ. Ձեզ հնարավորություն է տալիս սահմանել ընդմիջման կետեր և կարգաբերել ձեր կոդը, երբ այն աշխատում է, անհրաժեշտության դեպքում տող առ տող: Ստեղնաշարի դյուրանցում՝ (CTRL+3)
   • Ցանց. Ցուցակում է բրաուզերի կողմից էջի բեռնման և կատարման ժամանակ նախաձեռնված յուրաքանչյուր ցանցային հարցումը, ներառյալ արձանագրության մանրամասները, բովանդակության տեսակը, թողունակության օգտագործումը և շատ ավելին: Ստեղնաշարի դյուրանցում՝ (CTRL+4)
   • Performance. մանրամասնում է շրջանակի արագությունը, պրոցեսորի օգտագործումը և կատարողականի հետ կապված այլ չափումներ, որոնք կօգնեն ձեզ արագացնել էջի բեռնման ժամանակը և այլ գործողությունները: Ստեղնաշարի դյուրանցում՝ (CTRL+5)
   • Հիշողություն. Օգնում է մեկուսացնել և շտկել հիշողության հնարավոր արտահոսքերը ընթացիկ վեբ էջում՝ ցուցադրելով հիշողության օգտագործման ժամանակացույցը, ինչպես նաև տարբեր ժամանակային ընդմիջումներից արված նկարներ: Ստեղնաշարի դյուրանցում՝ (CTRL+6)
   • Էմուլացիա. ցույց է տալիս, թե ինչպես կարտացոլվի ակտիվ էջը տարբեր լուծումներով և էկրանի չափսերով՝ նմանակելով սմարթֆոնները, պլանշետները և այլ սարքեր: Այն նաև հնարավորություն է տալիս փոփոխել օգտվողի գործակալը և էջի կողմնորոշումը, ինչպես նաև մոդելավորել տարբեր աշխարհագրական դիրքեր՝ մուտքագրելով լայնություն և երկայնություն: Ստեղնաշարի դյուրանցում՝ (CTRL+7)

4. Վահանակ ցուցադրելու համար, երբ գտնվում է որևէ այլ գործիք, սեղմեք քառակուսի կոճակը դրա ներսում աջ փակագծով, որը գտնվում է զարգացման գործիքների ինտերֆեյսի վերին աջ անկյունը:

   

5. Ծրագրի գործիքների միջերեսը ապակապելու համար, որպեսզի այն դառնա առանձին պատուհան, ընտրեք երկու կասկադային ուղղանկյուն կամ օգտագործեք ստեղնաշարի հետևյալ դյուրանցումը. CTRL+P. Դուք կարող եք գործիքները նորից տեղադրել իրենց սկզբնական դիրքում՝ երկրորդ անգամ սեղմելով CTRL+P:

   

Apple Safari (միայն Mac)

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

1. Ընտրեք Safari բրաուզերի ընտրացանկից, որը գտնվում է ձեր էկրանի վերևում: Երբ բացվող ընտրացանկը հայտնվի, ընտրեք Preferences: Դուք կարող եք նաև օգտագործել ստեղնաշարի հետևյալ դյուրանցումը այս ընտրացանկի տարրի փոխարեն՝ COMMAND+COMMA(,)

   

2. Safari-ի Preferences ինտերֆեյսը այժմ պետք է ցուցադրվի՝ ծածկելով ձեր դիտարկիչի պատուհանը: Ընտրեք Ընդլայնված պատկերակը, որը գտնվում է վերնագրի ծայր աջ կողմում:

   

3. Ընդլայնված նախապատվություններն այժմ պետք է տեսանելի լինեն: Այս էկրանի ներքևի մասում ընտրացանկի տողում կա Ցուցադրել մշակման ընտրացանկը պիտակով ընտրանք, որն ուղեկցվում է վանդակով: Եթե վանդակում նշված նշան չկա, սեղմեք դրա վրա մեկ անգամ՝ այնտեղ տեղադրելու համար:

   

4. Փակեք Preferences ինտերֆեյսը:

5. Դուք այժմ պետք է նկատեք զննարկչի ընտրացանկում Develop անունով մի նոր տարբերակ, որը գտնվում է էջանիշների և պատուհանի միջև: Սեղմեք այս ընտրացանկի տարրը: Այժմ պետք է ցուցադրվի բացվող ընտրացանկ, որը պարունակում է հետևյալ ընտրանքները:

   • Բացել էջը-ով. թույլ է տալիս բացել ակտիվ վեբ էջը ձեր Mac-ում ներկայումս տեղադրված մյուս բրաուզերներից մեկում:
   • Օգտվողի գործակալ. Ձեզ հնարավորություն է տալիս ընտրել ավելի քան մեկ տասնյակ օգտագործողի գործակալի նախապես սահմանված արժեքներից, ներառյալ Chrome-ի, Firefox-ի և Internet Explorer-ի մի քանի տարբերակները, ինչպես նաև սահմանել ձեր սեփական անհատականությունը: տող.
   • Մուտքագրեք արձագանքող դիզայնի ռեժիմ. ներկայացնում է ընթացիկ էջը այնպես, ինչպես այն կհայտնվեր տարբեր սարքերում և էկրանի տարբեր լուծաչափերով:
   • Ցուցադրել վեբ տեսուչը. Գործարկում է Safari-ի մշակող գործիքների հիմնական ինտերֆեյսը, որը սովորաբար տեղադրված է ձեր դիտարկիչի էկրանի ներքևում և պարունակում է հետևյալ բաժինները՝ տարրեր, ցանց, ռեսուրսներ, ժամանակացույցեր։, վրիպազերծիչ, պահեստավորում, վահանակ.
   • Ցույց տալ սխալների վահանակը. Գործարկում է նաև մշակող գործիքների միջերեսը, անմիջապես Վահանակով ներդիր, որը ցուցադրում է սխալներ, նախազգուշացումներ և այլ որոնելիներ: գրանցամատյանի տվյալներ։
   • Ցուցադրել էջի աղբյուրը. Բացում է ռեսուրսների ներդիրը, որը ցուցադրում է փաստաթղթի կողմից դասակարգված ակտիվ էջի սկզբնական կոդը:
   • Ցուցադրել էջի ռեսուրսները. Կատարում է նույն գործառույթը, ինչ «Ցույց տալ էջի աղբյուրը» տարբերակը:
   • Ցուցադրել հատվածի խմբագրիչը. Բացվում է նոր պատուհան, որտեղ կարող եք մուտքագրել CSS և HTML կոդը՝ անմիջապես դիտելով դրա արդյունքը:
   • Ցուցադրել Extension Builder. Ապահովում է Safari-ի ընդլայնումներ CSS, HTML և JavaScript-ով ստեղծելու կամ խմբագրելու հնարավորություն:
   • Ցուցադրել ժամանակագրության ձայնագրումը. բացում է «Ժամանակացույց» ներդիրը և սկսում ցուցադրել ցանցի հարցումները, դասավորությունը և տեղեկատվությունը, ինչպես նաև JavaScript-ի կատարումը իրական ժամանակում:
   • Դատարկ պահոցներ. ջնջում է ամբողջ քեշը, որը ներկայումս պահվում է ձեր կոշտ սկավառակի վրա:
   • Անջատել քեշերը. Դադարեցնում է Safari-ի քեշավորումը, որպեսզի ամբողջ բովանդակությունը վերցվի սերվերից յուրաքանչյուր էջի բեռնման ժամանակ:
   • Անջատել պատկերները. կանխում է պատկերների ցուցադրումը բոլոր վեբ էջերում:
   • Անջատել ոճերը. անտեսում է CSS հատկությունները, երբ էջը բեռնվում է:
   • Անջատել JavaScript. Սահմանափակում է JavaScript-ի կատարումը բոլոր էջերում:
   • Անջատել ընդլայնումները. Արգելում է բոլոր տեղադրված ընդլայնումները գործարկել բրաուզերում:
   • Անջատել հատուկ կայքի հաքերները. Եթե Safari-ն փոփոխվել է ակտիվ վեբ-էջին հատուկ խնդիրներ(ներ)ի բացահայտման համար, այս տարբերակը կարգելափակի այդ փոփոխությունները, որպեսզի էջը բեռնվում է այնպես, ինչպես կներկայացվեր այս փոփոխությունները:
   • Անջատել տեղական ֆայլերի սահմանափակումները. թույլ է տալիս դիտարկիչին մուտք ունենալ դեպի ձեր տեղական սկավառակների ֆայլերը, մի գործողություն, որը կանխադրված է սահմանափակված անվտանգության նկատառումներով:
   • Անջատել Cross-Origin Restrictions. Այս սահմանափակումները դրված են լռելյայնորեն՝ XSS-ին և այլ հնարավոր վտանգները կանխելու համար: Այնուամենայնիվ, դրանք հաճախ պետք է ժամանակավորապես անջատվեն զարգացման նպատակներով:
   • Թույլատրել JavaScript-ը խելացի որոնման դաշտից. Երբ միացված է, այն հնարավորություն է տալիս մուտքագրել URL-ներ javascript-ով. անմիջապես ներառված է հասցեագոտում:
   • SHA-1 վկայագրերը վերաբերվում են որպես անապահով. SSL վկայագրերը, օգտագործելով SHA-1 ալգորիթմը, լայնորեն համարվում են հնացած և խոցելի: