Ինչ իմանալ
- Միացնելու համար՝ Նախընտրանքներ > ընտրեք Ընդլայնված ներդիր > միացնել Ցուցադրել Մշակման ընտրացանկը ցանկի տողումմիացված.
- Օգտագործելու համար՝ ընտրեք Զարգացում > Մուտքագրեք Responsive Design Mode Safari գործիքագոտում:
Այս հոդվածը բացատրում է, թե ինչպես միացնել Responsive Design Mode-ը Safari 9-ում մինչև Safari 13, OS X El Capitan-ում macOS Catalina-ի միջոցով:
Ինչպես միացնել արձագանքող դիզայնի ռեժիմը Safari-ում
Safari Responsive Design Mode-ը միացնելու համար Safari մշակողների այլ գործիքների հետ միասին՝
-
Գնացեք Safari ընտրացանկ և ընտրեք Նախընտրանքներ:
Սեղմեք ստեղնաշարի դյուրանցումը Command+ , (ստորակետ)՝ Preferences արագ մուտք գործելու համար:
-
Նախընտրանքներ երկխոսության դաշտում ընտրեք Ընդլայնված ներդիրը:
Image -
Երկխոսության վանդակի ներքևում ընտրեք Ցուցադրել մշակման ընտրացանկը ընտրացանկի տողում վանդակը:
Image -
Դուք այժմ կտեսնեք Develop-ը Safari-ի վերին մենյուի բարում:
Image -
Ընտրեք Զարգացում > Մուտքագրեք Responsive Design Mode Safari գործիքագոտում:
Սեղմեք ստեղնաշարի դյուրանցումը Option+ Command+ R արագ մուտք գործելու արձագանքող դիզայնի ռեժիմ.
Image -
Ակտիվ վեբ էջը ցուցադրվում է Responsive Design Mode-ում: Էջի վերևում ընտրեք iOS սարք կամ էկրանի լուծաչափ՝ տեսնելու, թե ինչպես է էջը ցուցադրվելու:
Image -
Այլընտրանք, տեսեք, թե ինչպես կարտացոլվի ձեր վեբ էջը տարբեր հարթակներում՝ օգտագործելով լուծաչափի պատկերակների վերևում գտնվող բացվող ընտրացանկը:
Image
Safari ծրագրավորող գործիքներ
Բացի Responsive Design Mode-ից, Safari Develop ընտրացանկը առաջարկում է այլ օգտակար տարբերակներ:
Բացել էջը-ով
Բացում է ակտիվ վեբ էջը ցանկացած բրաուզերում, որը ներկայումս տեղադրված է Mac-ում:
Օգտվողի գործակալ
Երբ փոխում եք Օգտագործողի գործակալը, դուք կարող եք խաբել վեբկայքին՝ մտածելով, որ օգտագործում եք այլ բրաուզեր:
Ցուցադրել վեբ տեսուչ
Ցուցադրում է վեբ էջի բոլոր ռեսուրսները, ներառյալ CSS տեղեկատվությունը և DOM չափումները:
Ցույց տալ սխալի վահանակ
Ցուցադրում է JavaScript, HTML և XML սխալներ և զգուշացումներ:
Ցուցադրել էջի աղբյուրը
Թույլ է տալիս դիտել ակտիվ վեբ էջի սկզբնական կոդը և որոնել էջի բովանդակությունը:
Ցուցադրել էջի ռեսուրսները
Ցուցադրում է փաստաթղթեր, սցենարներ, CSS և այլ ռեսուրսներ ընթացիկ էջից:
Ցույց տալ հատվածի խմբագրիչը
Թույլ է տալիս խմբագրել և կատարել կոդի հատվածներ: Այս հատկությունը օգտակար է թեստավորման տեսանկյունից:
Ցուցադրել Extension Builder
Օգնում է ստեղծել Safari-ի ընդլայնումներ՝ համապատասխան փաթեթավորելով ձեր կոդը և ավելացնելով մետատվյալներ:
Սկսել ժամանակացույցի ձայնագրումը
Թույլ է տալիս արձանագրել ցանցային հարցումները, JavaScript-ի կատարումը, էջի ցուցադրումը և այլ իրադարձություններ WebKit Inspector-ում:
Դատարկ պահոցներ
Ջնջում է Safari-ում պահված բոլոր քեշերը, ոչ միայն վեբկայքի ստանդարտ քեշի ֆայլերը:
Անջատել քեշերը
Քեշավորումն անջատված լինելու դեպքում ռեսուրսները ներբեռնվում են վեբկայքից ամեն անգամ, երբ մուտքի հարցում է արվում՝ ի տարբերություն տեղական քեշի օգտագործման:
Թույլատրել JavaScript-ը Խելացի որոնման դաշտից
Անվտանգության նկատառումներից ելնելով լռելյայն անջատված է, այս հատկությունը թույլ է տալիս Safari-ի հասցեագոտում մուտքագրել JavaScript պարունակող URL-ներ:
