Ավելացրեք ավելի շատ հնարավորություններ՝ միացնելով Safari-ի մշակման ընտրացանկը

Բովանդակություն:

Ավելացրեք ավելի շատ հնարավորություններ՝ միացնելով Safari-ի մշակման ընտրացանկը
Ավելացրեք ավելի շատ հնարավորություններ՝ միացնելով Safari-ի մշակման ընտրացանկը
Anonim

Ինչ իմանալ

  • Ընտրեք Safari > Նախապատվություններ > Ընդլայնված > Սպասեք ընտրացանկը մենյուի տողում.
  • Զարգացումն օգտագործելու համար անցեք Safari ընտրացանկ և ընտրեք Զարգացում՝ Էջանիշների և Պատուհանների միջև:
  • Զարգացման ամենաօգտակար տարբերակները. Բացել էջը, օգտատիրոջ գործակալը և դատարկ պահոցները:

Այս հոդվածը բացատրում է, թե ինչպես ցուցադրել և օգտագործել Develop ընտրացանկը ձեր Safari-ի (8-ից 12-րդ տարբերակները) վեբ բրաուզերում:

Ցուցադրել մշակման ընտրացանկը Safari-ում

Նախքան «Զարգացնել» ընտրացանկից օգտվելը, նախ պետք է տեսանելի դարձնեք թաքնված ընտրացանկը:Սա հեշտ խնդիր է, շատ ավելի հեշտ, քան Debug մենյուի բացահայտումը, որը մինչ Safari 4-ը պարունակում էր բոլոր հրամանները, որոնք այժմ գտնվում են Develop ընտրացանկում: Այնուամենայնիվ, մի կարծեք, որ ավելի հին Debug մենյուն այլևս տեղին չէ. այն դեռ գոյություն ունի և պարունակում է բազմաթիվ օգտակար գործիքներ։

  1. Գործարկել Safari Dock կամ Mac Application պանակից:

    Image
    Image
  2. Բացեք Safari-ի նախապատվությունները՝ սեղմելով Safari մենյուի տողում և ընտրելով Preferences բացվող ընտրացանկում::

    Image
    Image
  3. Սեղմեք Ընդլայնված ներդիրը նախընտրությունների էկրանում:

    Image
    Image
  4. Ընտրեք Ցուցադրել Մշակման ընտրացանկը մենյուի տողում.

    Image
    Image

Եթե երբևէ ցանկանաք անջատել «Developer» ընտրացանկը, հեռացրեք նշանը Safari > Նախընտրանքներ > Ընդլայնվածէկրան։

Օգտագործելով Մշակման մենյու

Զարգացման ընտրացանկը հայտնվում է Safari մենյուի տողում՝ Էջանիշների և Պատուհանների ընտրացանկի տարրերի միջև: Մշակման ընտրացանկը հատկապես հարմար է վեբ ծրագրավորողների համար, սակայն պատահական օգտվողները կարող են նաև օգտակար համարել այն:

Image
Image

Զարգացման ընտրացանկի որոշ տարրեր, որոնք, հավանաբար, ամենաօգտակարը կգտնեք, ներառում են՝

  • Բացել էջը -ով. Ձեզ հնարավորություն է տալիս բացել ընթացիկ վեբ էջը ցանկացած բրաուզերում, որը տեղադրել եք ձեր Mac-ում: Եթե երբևէ այցելել եք կայք, որը ճիշտ չի աշխատում Safari-ի հետ, օգտագործեք այս հրամանը՝ մեկ այլ դիտարկիչով նույն վեբ էջն արագ անցնելու համար:
  • Օգտվողի գործակալ. Օգտվողի գործակալը տեքստի մի շարան է, որը զննարկիչը ուղարկում է վեբ էջը հոսթինգ տվող վեբսերվերին:Եթե դուք երբևէ այցելել եք վեբ էջ, որտեղ ասվում է, որ Safari-ն չի աջակցվում, ապա կայքը գիտեր, թե որ դիտարկիչն եք օգտագործում: Շատ դեպքերում չաջակցելը անհեթեթություն է, և այս ընտրացանկի տարրն օգտագործելով՝ կարող եք փոխել օգտվողի գործակալը՝ այլ բրաուզերից մեկին նմանակելու համար: Դուք կարող եք զարմանալ, թե քանի անգամ է հանկարծակի չաշխատող վեբ էջը, պարզապես փոխելով օգտվողի գործակալը:
  • Դատարկ պահոցներ. Safari-ն պահում է վերջերս մուտք գործած կայքերի քեշը: Այս քեշում պահվող տվյալները ներառում են էջի բոլոր տարրերը, որոնք կարող են օգտագործվել էջ վերադառնալուց հետո վեբկայքը արագ ցուցադրելու համար: Երբեմն քեշը կարող է հին կամ կոռումպացված լինել, ինչի հետևանքով վեբ էջը սխալ ցուցադրվում է: Քեշը դատարկելը կարող է շտկել այս խնդիրները և նույնիսկ կարող է օգնել արագացնել Safari-ն:

Լրացուցիչ մշակման ընտրացանկի տարրեր

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

  • Ցույց տալ վեբ տեսուչը. Սա բացում է վեբ տեսուչը ընթացիկ էջի ներքևում: Web Inspector-ի միջոցով դուք կարող եք ուսումնասիրել այն տարրերը, որոնք ստեղծվել են էջը:
  • Ցուցադրել էջը Source. Սա ցուցադրում է ընթացիկ էջի HTML կոդը:
  • Ցուցադրել էջի ռեսուրսները. Սա բացում է Resource Inspector կողագոտին Web Inspector-ում: Այն ապահովում է հեշտ ճանապարհ՝ տեսնելու, թե որ պատկերները, սցենարները, ոճաթերթերը և այլ տարրերն են օգտագործվում ընթացիկ էջում:
  • Սկսել ժամանակացույցի ձայնագրումը. Եթե ցանկանում եք տեսնել, թե ինչպես է վեբ էջը բեռնվում և աշխատում, փորձեք Սկսել ժամանակացույցի ձայնագրումը տարբերակը: Սա ստեղծում է գրաֆիկ, որը ցույց է տալիս ցանցի գործունեությունը և ինչպես է կայքի յուրաքանչյուր տարր բեռնվում և օգտագործվում: Այն հետաքրքիր ցուցադրում է, բայց մի մոռացեք անջատել հնարավորությունը՝ ընտրելով Stop Timeline Recording Հակառակ դեպքում, դուք օգտագործում եք ձեր Mac-ի ռեսուրսները ոչ արդյունավետ առաջադրանքների համար, եթե վեբ չեք: մշակող.
  • Մուտքագրեք արձագանքող դիզայնի ռեժիմ. Վեբ ծրագրավորողների համար մեկ այլ գործիք է ներկառուցված սիմուլյատորը, որը թույլ է տալիս նախադիտել, թե ինչպես է ձեր վեբ էջը դիտելու էկրանի տարբեր լուծումներով կամ տարբեր սարքերով:, օրինակ՝ iPad-ը կամ iPhone-ը: Պարզապես բեռնեք ձեզ հետաքրքրող էջը և ընտրեք Մուտքագրեք Responsive Design Mode ՝ էջը նախադիտելու համար: Դուք կարող եք փորձել էջի վերարտադրումը տարբեր սարքերի միջոցով կամ ընտրել էկրանի լուծաչափը՝ օգտագործելու համար: Ավարտելուց հետո վերադարձեք Develop մենյու և ընտրեք Ելք արձագանքող դիզայնի ռեժիմից
  • Փորձարարական հատկություններ. Եթե ձեզ համարձակ եք զգում, կարող եք փորձել մի քանի գործառույթներ, որոնք կարող են իրենց ճանապարհը գտնել Safari բրաուզերի ապագա տարբերակներում:

Երբ «Զարգացնել» ընտրացանկը տեսանելի է, որոշ ժամանակ տրամադրեք՝ փորձարկելու ընտրացանկի տարբեր տարրերը: Դուք հավանաբար կհայտնվեք մի քանի ֆավորիտների հետ, որոնք հաճախ կօգտագործեք:

Խորհուրդ ենք տալիս: