Intern
Ի՞նչ են Chrome-ի ծրագրավորողի գործիքները (Chrome DevTools):
sobes.tech AI
Պատասխան AI-ից
Chrome DevTools-ը բրաուզերի մեջ ինտեգրված գործիքների հավաքածու է՝ վեբ զարգացման և սխալների հայտնաբերման համար:
Հիմնական պանելներ՝
- Elements: Էջի HTML կառուցվածքի և CSS ոճերի ռեալ ժամանակի դիտում և վերականգնում:
- Console: Լոգերի ցուցադրում, JavaScript կոդի գործարկում, սխալների հայտնաբերում:
- Sources: JavaScript կոդի սխալների հայտնաբերում՝ կանգնեցման կետերով, կատարողականի պրոֆիլավորում:
- Network: Նշանակված ցանցային հարցումների մոնիտորինգ (HTTP/HTTPS), դրանց կատարման ժամանակի և բովանդակության վերլուծություն:
- Performance: Էջի բեռնում և կոդի կատարման կատարողականի վերլուծություն:
- Memory: Հիշողության օգտագործման պրոֆիլավորում, թունելների հայտնաբերում:
- Application: Ծրագրի ռեսուրսների ուսումնասիրություն — պահեստավորում (Local Storage, Session Storage, IndexedDB), cookies, cache:
- Security: Էջի անվտանգության վերլուծություն, ներառյալ SSL սերտիֆիկատների ստուգում:
- Lighthouse: Վեբ էջի աուդիտ՝ կատարողականի, հասանելիության, SEO և լավագույն պրակտիկաների չափանիշներով:
QA-ում օգտագործում:
- UI/UX ստուգում: Սթայլերի վերլուծություն (Elements), հարմարեցման փորձարկում (Toggle device toolbar):
- Frontend սխալների հայտնաբերում: JavaScript-ում սխալների հայտնաբերում (Console, Sources):
- API փոխազդեցությունների վերլուծություն: Հարցումների և պատասխանների մոնիտորինգ (Network):
- Կատարողականության գնահատում: Բեռնման ժամանակի և սցենարների կատարողականի գնահատում (Performance):
- Պահեստային տարածքների ուսումնասիրություն: Local Storage, cookies և այլն ստուգում (Application):
- Համակարգի սիմուլյացիա: Տարբեր էկրանների չափերի և ցանցային պայմանների փորձարկում (Network – Throttling):