01-ից 06-ը
Ակտիվացրեք եւ օգտագործեք պատասխանատու դիզայնի ռեժիմ Safari 9-ում
Այսօրվա աշխարհում վեբ ծրագրավորող լինելը նշանակում է աջակցել սարքերի եւ պլատֆորմների հարստացնելուն, ինչը երբեմն կարող է դաժան լինել: Նույնիսկ վերջինիս վեբ ստանդարտներին հետեւող ամենալավ նախագծված կոդը, դուք դեռ կարող եք գտնել ձեր կայքի մասերը չեն կարող նայել կամ գործել այնպես, ինչպես ցանկանում եք դրանք որոշ սարքերի կամ որոշումների վրա: Երբ այսպիսի լայնածավալ սցենարների աջակցման մարտահրավերին դիմագրավելիս, կարող եք անգնահատելի համարել ձեր տրամադրության տակ գտնվող ճիշտ մոդելավորման գործիքները:
Եթե դուք հանդիսանում եք Mac- ի բազմաթիվ ծրագրավորողներից մեկը, Safari- ի մշակող գործիքակազմը միշտ էլ հարմար է: Safari 9-ի թողարկմամբ այս ֆունկցիոնալության լայնությունը զգալիորեն ընդլայնվել է, հիմնականում `Responsive Design Mode- ի շնորհիվ, որը թույլ է տալիս կանխատեսել, թե ինչպես է ձեր կայքը մատուցում տարբեր էկրանապահումներ, ինչպես նաեւ տարբեր iPad, iPhone եւ iPod touch- ում:
Այս ձեռնարկի մանրամասները, թե ինչպես ակտիվացնել պատասխանատու դիզայնի ռեժիմը, ինչպես նաեւ օգտագործել այն ձեր զարգացման կարիքների համար:
Նախ, բացեք ձեր Safari բրաուզերը:
02-ից 06-ը
Safari- ի նախապատվությունները
Սեղմիր Safari- ին, զննարկիչի ցանկում, որը գտնվում է էկրանի վերեւում: Երբ բացվող մենյունը հայտնվի, ընտրեք վերը նշված օրինակում շրջված ընտրանքները:
Խնդրում ենք նկատի ունենալ, որ դուք կարող եք օգտագործել հետեւյալ ստեղնաշարի դյուրանցումները վերը նշված ընտրացանկի փոխարեն. COMMAND + COMMA (,)
03-ից 06-ը
Ցույց տալ մենյու
Այժմ պետք է ցուցադրվի Safari- ի Նախապատվությունների երկխոսությունը, overlaying ձեր զննարկիչի պատուհանը: Նախ, սեղմեք « Ընդլայնված» ցուցիչը, որը ներկայացված է հանդերձում եւ գտնվում է պատուհանի վերին աջ անկյունում:
Զննիչի Ընդլայնված նախընտրությունները այժմ պետք է տեսանելի լինեն: Ներքեւի մասում ընտրացանկի բարում ցուցադրված Ցույց տալ մենյուը նշվող տարբերակը եւ վերեւում գտնվող օրինակում շրջված տարբերակն է: Այս ընտրացանկը ակտիվացնելու համար կտտացրեք մեկ անգամ վանդակը:
04-ից 06-ը
Մուտքագրեք պատասխանատու դիզայնի ռեժիմ
Նոր տարբերակն այժմ պետք է հասանելի լինի Ձեր Safari մենյուում, որը գտնվում է էկրանի վերեւում, որը նշվում է Մշակել : Սեղմեք այս տարբերակը: Երբ կաթվածի ընտրացանկը հայտնվում է, ընտրեք Enter Responsive Design Mode- ը, շրջված վերը նշված օրինակում:
Խնդրում ենք նկատի ունենալ, որ դուք կարող եք օգտագործել հետեւյալ ստեղնաշարի դյուրանցումը վերը նշված ընտրացանկի փոխարեն ` OPTION + COMMAND + R
05-ից 06-ը
Պատասխանատու դիզայնի ռեժիմ
Ակտիվ վեբ էջը այժմ պետք է արտացոլվի պատասխանատու դիզայնի ռեժիմում, ինչպես ցույց է տրված վերեւում բերված օրինակում: Ընտրելով iOS սարքերից մեկը, ինչպիսիք են iPhone- ի 6-ը կամ 800 x 600-ի համար նախատեսված էկրանային լուծումներից մեկը, կարող եք անմիջապես դիտել, թե ինչպես է էջը ցուցադրվելու այդ սարքի վրա կամ այդ ցուցադրման բանաձեւով:
Ցուցադրված սարքերից եւ լուծումներից բացի, դուք կարող եք նաեւ պատվիրել Safari- ի տարբերակող այլ գործակալի նման մի օրինակ, օրինակ, մեկ այլ զննարկիչից `սեղմելով բանաձեւի պատկերակներից անմիջապես ցուցադրվող բացվող ցանկը:
06-ից 06-ը
Մշակել մենյու `այլ ընտրանքներ
Բացի պատասխանատու դիզայնի ռեժիմից, Safari 9- ի մշակում մենյուն առաջարկում է բազմաթիվ այլ օգտակար տարբերակներ, որոնք ստորեւ թվարկված են:
- Բացել էջը. Ձեզ հնարավորություն է տալիս ակտիվ վեբ էջը բացել ձեր Mac- ում տեղադրված ցանկացած այլ զննարկիչում:
- User Agent- ի փոխարինումը օգտագործողի գործակալը առաջացնում է վեբ սերվերներ `ձեր զննարկիչը հայտնաբերելու համար որպես Safari 9-ից բացի այլ բան:
- Միացեք վեբ տեսչին. Safari 9- ի վեբ տեսուչը ցուցադրում է բոլոր վեբ էջի ռեսուրսները `ապահովելով CSS- ի տեղեկատվությունը, DOM- ի չափանիշները եւ կառուցվածքը, ինչպես նաեւ նրա հայրենի կոդի կոդը:
- Ցույց տալ սխալը վահանակ: Զարգացնել Մենյուի ամենատարածված տարբերակներից մեկը, այս կոնսոլից է JavaScript, HTML եւ XML- ի սխալները եւ նախազգուշացումները:
- Ցուցադրել էջի աղբյուրը. Թույլ է տալիս դիտել եւ փնտրել ակտիվ վեբ էջի կոդ:
- Ցուցադրել էջի ռեսուրսները: Այս տարբերակը ընտրելը ցուցադրում է ընթացիկ էջից փաստաթղթեր, սցենարներ, CSS եւ այլ ռեսուրսներ:
- Ցույց տալ Snippet խմբագիր. Ապահովում է կոդը խմբագրելու եւ իրականացնելու ունակություն, ի տարբերություն ամբողջական էջի: Այս առանձնահատկությունը շատ օգտակար է փորձարկման տեսանկյունից:
- Ցույց տալ Extension Builder- ը թույլ է տալիս ձեր սեփական Safari հավելվածները կառուցել `համապատասխանաբար փաթեթավորելով ձեր կոդը եւ կցելով մետատվյալներ:
- Սկսել ժամանակացույցի ձայնագրումը. Գրում է մի շարք իրեր, ներառյալ ցանցային հարցումները, JavaScript- ի կատարումը, էջերի ցուցադրումը եւ այլ իրադարձություններ, օգտագործողի կողմից սահմանված ժամկետի համար, բոլորը դիտելի են WebKit տեսչությունում:
- Դատարկ Caches: Սեղմելով այս տարբերակը ջնջում է Safari- ի բոլոր պահված քեշերը, ոչ միայն ստանդարտ կայքի քեշի ֆայլերը:
- Անջատեք Caches- ը: Անջատելով caching- ը, ռեսուրսները ներբեռնվում են կայքից յուրաքանչյուր անգամ մուտքի հարցում կատարվում է, ի տարբերություն տեղական քեշի օգտագործման:
- Թույլ տալ JavaScript- ը Smart Search- ից: Անվտանգության նկատառումներով անջատված է, այս հատկությունը թույլ է տալիս մուտքագրել Javascript- ը ` Safari- ի հասցեի բարում:
- SHA-1- ի վկայագրերը վերաբերում են որպես անապահովություն. Անվտանգ Hash- ի ալգորիթմը կարճ, SHA-1 խցիկի ֆունկցիան արդեն ապացուցված է ավելի պակաս ապահով, քան սկզբանե մտածված է, հետեւաբար Safari 9-ում այս տարբերակի հավելումը:
Related Reading- ը
Եթե դուք գտել եք այս ձեռնարկը օգտակար, համոզվեք, որ ստուգեք մեր մյուս Safari 9 ընթրիքները:
- Ինչպես Կառավարել Կայքը Հրել Ծանուցումներ
- Ինչպես է վեբ էջը արտահանել PDF ֆայլ
- Ինչպես կարգավորել Safari 9 ընդլայնումները, ինքնաբերաբար թարմացնելու համար
- Ինչպես օգտվել Կարեւոր կայքերի առանձնահատկությունը