Ինչ իմանալ
-
Safari-ում. աջ սեղմեք վեբ էջի վրա և ընտրեք Inspect Element:
- Chrome-ում կարող եք աջ սեղմել և սեղմել Inspect:
- Սաֆարիում հատկությունը միացնելու համար՝ Safari > Նախընտրանքներ > Ընդլայնված3 643 ստուգեք Ցուցադրել Մշակման ընտրացանկը մենյուի տողում վանդակում:
Այս հոդվածը սովորեցնում է ձեզ, թե ինչպես ստուգել կայքի տարրը Mac-ում: Այն նայում է, թե ինչպես դա անել Safari-ի և Google Chrome-ի միջոցով:
Ինչպե՞ս եք օգտագործում Inspect Element հատկությունը Mac-ում:
Նախքան Safari-ի օգտագործման ժամանակ Mac-ի տարրերը ստուգելը, դուք պետք է միացնեք մշակողների ընտրացանկը դիտարկիչում: Ահա թե ինչպես միացնել այն և ինչ անել տարրը ստուգելու համար:
Եթե տեսնում եք «Զարգացում էջանիշների և պատուհանի միջև», ապա Մշակողի ընտրացանկն արդեն միացված է, և կարող եք բաց թողնել 4-րդ քայլին:
Օգտագործելով Inspect Element հատկությունը Safari-ում
Ահա, թե ինչպես օգտագործել Inspect Element-ը Safari-ում՝ Mac համակարգիչների լռելյայն դիտարկիչում:
-
Safari-ում սեղմեք Safari > Նախընտրանքներ.
Image -
Սեղմեք Ընդլայնված.
Image -
Սեղմեք Ցուցադրել Մշակման ընտրացանկը ընտրացանկի տողում, ապա փակեք պատուհանը:
Image - Կայք դիտելիս աջ սեղմեք այն նյութի վրա, որը ցանկանում եք ստուգել:
-
Սեղմեք Ստուգեք տարրը.
Image -
Այժմ կարող եք դիտել ձեր ստուգած կայքի ետևում գտնվող կոդը:
Image
Օգտագործելով Inspect Element հատկությունը Chrome-ում Mac-ում
Եթե ձեր Mac-ում Safari-ի փոխարեն օգտագործում եք Chrome-ը, ավելի հեշտ կլինի դիտել որևէ տարր, քանի որ կարիք չկա միացնել գործառույթը: Ահա թե ինչ անել։
- Chrome-ում այցելեք կայք:
- Աջ սեղմեք այն տարրի վրա, որը ցանկանում եք ստուգել:
-
Սեղմեք Ստուգեք.
Image -
Այժմ կարող եք դիտել կոդը Chrome-ի կողային պատուհանում:
Image
Ինչու չեմ կարող ստուգել իմ Mac-ը:
Հնարավոր է չկարողանաք ստուգել որևէ տարր ձեր Mac-ում, եթե Safari-ում միացված չեք «Developer» ընտրացանկը: Ահա մի հիշեցում, թե ինչպես դա անել:
-
Safari-ում սեղմեք Safari > Նախընտրանքներ.
Image -
Սեղմեք Ընդլայնված.
Image -
Սեղմեք Ցուցադրել Մշակման ընտրացանկը ընտրացանկի տողում, ապա փակեք պատուհանը:
Image
Ինչպես կատարել վեբկայքի փոփոխություններ՝ ստուգելով տարրը
Բացի այն, որ թույլ է տալիս դիտել կոդը վեբկայքում, հնարավոր է նաև ժամանակավորապես փոխել կայքի ցանկացած տարր Inspect Element-ի միջոցով: Ահա թե ինչպես դա անել Safari-ի միջոցով:
Գործընթացը շատ նման է այլ բրաուզերների համար:
- Կայք դիտելիս աջ սեղմեք այն նյութի վրա, որը ցանկանում եք ստուգել:
- Սեղմեք Ստուգեք տարրը.
- Կոդի տեքստի վրա կրկնակի սեղմեք՝ այն խմբագրելի դարձնելու համար:
- Ջնջեք այն կամ մուտքագրեք տեքստի նոր տող:
- Հպեք Enter։
- Կոդն այժմ ժամանակավորապես փոխվել է միայն ձեր օգտին:
Ինչու՞ կուզենայիք օգտագործել Inspect Element հատկությունը:
Տարրը ստուգել կարողանալն օգտակար է բազմաթիվ պատճառներով:
- Կոդը անմիջապես փոխելու համար: Կայքի դիզայներները կարող են ժամանակավորապես փոխել վեբկայքի իրերը՝ տեսնելու, թե ինչպես են փոփոխություններն ազդում իրերի վրա:
- Կոդը ստուգելու համար: Ե՛վ դիզայներները, և՛ մարքեթինգի մարդիկ կարող են ստուգել կոդը՝ հաստատելու համար, որ Google Analytics-ի մանրամասները կան:
- Պատկերները կայքից առանձին դիտելու համար: Եթե կայքը թույլ չի տալիս պատկեր բացել նոր ներդիրում կամ պատուհանում, ապա տարրը դիտելով դա հնարավոր է դարձնում:
-
Tinker. Վեբ էջի կոդը տեսնելը կարող է օգնել ձեզ հասկանալ, թե ինչ եք տեսնում՝ հեռացնելով այն առեղծվածը, թե ինչ և ինչու է այն, ինչ կա այն կայքի հետ, որտեղ դուք գտնվում եք: Դա նման է սարքը անջատելուն, որպեսզի տեսնես, թե ինչպես է այն աշխատում, բայց այս դեպքում կորցնելու պտուտակ չկա:
ՀՏՀ
Օրինակա՞ն է կայքը ստուգելը:
Այո. Այնուամենայնիվ, եթե նախատեսում եք օգտագործել կայքի որևէ ծածկագիր կամ ակտիվներ, համոզվեք, որ ճշտեք սեփականատիրոջ հետ և ավելացրեք հեղինակային իրավունքի նշում:
Ինչպե՞ս կարող եմ պատճենել HTML վեբ կայքից՝ ստուգման տարրով:
Chrome-ում աջ սեղմեք էջի վրա և ընտրեք Inspect, ապա գնացեք վերևի բաժին և աջ սեղմեք պիտակի վրա (օրինակ): Ընտրեք Պատճեն > Պատճենել outerHTML, ապա տեղադրեք կոդը տեքստի կամ HTML ֆայլի մեջ:
Կարո՞ղ եմ CSS-ը պատճենել վեբկայքից՝ ստուգման տարրով:
Այո. Աջ սեղմեք այն տարրի վրա, որը ցանկանում եք պատճենել և ընտրեք Inspect: Աջ սեղմեք ընդգծված կոդի վրա և ընտրեք Պատճեն > Պատճեն ոճեր.
Ինչպե՞ս կարող եմ տեսնել իմ պահպանված գաղտնաբառերը՝ օգտագործելով ստուգման տարրը:
Թաքնված գաղտնաբառերը բացահայտելու համար աջ սեղմեք գաղտնաբառի տեքստային դաշտի վրա և ընտրեք Inspect: Ընդգծված հատվածում փնտրեք type=”password” և փոխարինեք password-ով text-ով: Կան ավելի հեշտ եղանակներ՝ ցուցադրելու ձեր բոլոր գաղտնաբառերը Chrome-ում:
