Sobes.tech
Junior

Ի՞նչ են ծրագրավորողի գործիքները (Dev Tools):

sobes.tech AI

Պատասխան AI-ից

Ազատ զարգացման գործիքներ (DevTools) — դա բրաուզերի մեջ տեղադրված գործիքների հավաքածու է, որը օգտագործվում է վեբ ծրագրավորողների և QA ինժեներների կողմից վեբ էջերի և հավելվածների զննում, սխալների վերացում, կատարողականի վերլուծում և օպտիմալացում։

Հիմնական հնարավորություններ՝

  • HTML և CSS դիտում և փոփոխում: Դրանք թույլ են տալիս իրական ժամանակում ուսումնասիրել և փոփոխել DOM-ի կառուցվածքը և տարրերի ոճերը:
  • JavaScript-ի սխալների վերացում: Հնարավորություն է սահմանել կանգնեցման կետեր, կոդը քայլ առ քայլ գործարկել, փոփոխականները և կանչերի բուֆերը դիտել:
  • Ցանցային հարցումների մոնիտորինգ: Ցուցադրում է բոլոր հարցումները սերվերին (ֆայլեր, պատկերներ, API), դրանց կարգավիճակը, բեռնման ժամանակը և չափը:
  • Կատարողականության վերլուծություն: Էջի բեռնման ժամանակը չափել, JavaScript-ի պրոֆիլավորումը, "սեղմված տեղերը" հայտնաբերել:
  • Հասանելիության ստուգում: Անալիզ է անում տարրերը հասանելիության ստանդարտներին համապատասխանելու համար:
  • Համակարգերի սիմուլյացիա: Դիտել էջը տարբեր էկրանային լուծումներով և մոբայլ սարքերի սիմուլյացիայով:
  • Բրաուզերի պահոցով աշխատել: Դիտել և փոփոխել Local Storage, Session Storage, Cookies տվյալները:
  • Կոնսոլ: JavaScript հրամանների կատարում, լոգների, սխալների և զգուշացումների դիտում:

QA-ում օգտագործման օրինակներ՝

  • Սխալների լոգների դիտում կոնսոլում:
  • Ցանցային հարցումների վերլուծություն API-ի բեռնման կամ պատասխանների խնդիրները հայտնաբերելու համար:
  • DOM-ի ուսումնասիրություն տարրերի կառուցվածքը և հատկանիշները ստուգելու համար:
  • Տարբեր սարքեր սիմուլյացիա անել՝ ինտերֆեյսի ռեակցիոնությունը ստուգելու համար:
  • Տվյալների ստուգում Local Storage կամ Cookies-ում։