Šioje pamokoje sužinosite apie "Microsoft Edge" programuotojo įrankius , kurie daugeliu atžvilgių panašūs į " Google Chrome" programuotojo įrankius. Sužinosite, kaip atidaryti šiuos įrankius ir efektyviai jais naudotis, taip pat apie šių dviejų naršyklių kūrimo įrankių skirtumus.
Pagrindinės žinios
Kalbant apie pagrindines funkcijas, "Edge DevTools" naudotojo sąsaja beveik identiška "Chrome Dev Tools" naudotojo sąsajai. Skirtumai daugiausia yra naudotojo sąsajoje ir keliose papildomose funkcijose, o pagrindiniai įrankiai ir sparčiosios nuorodos iš esmės liko tokie patys.
Žingsnis po žingsnio vadovas
Norėdami atidaryti "Edge DevTools", galite pasirinkti įvairias parinktis. Viena iš galimybių yra paspausti F12. Jei dirbate "Mac" kompiuteriu, galite naudoti klavišų kombinaciją Command + Option + I. "Windows" naudotojai gali naudoti kombinaciją Control + Shift + I. Jei norite atidaryti "DevTools" per kontekstinį meniu, dešiniuoju pelės klavišu spustelėkite svetainės antraštę ir pasirinkite "Explore" (tyrinėti).
Jei jau esate dirbę su "Chrome DevTools", "Edge DevTools" sąsaja jums iškart atrodys pažįstama. Čia yra skirtukai, piktogramos atrodo šiek tiek kitaip, o papildomus įrankius galite pasiekti per viršutinėje juostoje esančią "pliuso" piktogramą. Programoje "Chrome" šie papildomi įrankiai tapo pasiekiami per pagrindinį meniu.
Jei norite pridėti naują skirtuką "Edge DevTools", tiesiog spustelėkite pliuso piktogramą. Pavyzdžiui, galite pridėti animacijos įrankį. Tuomet jis bus rodomas skirtukų juostos viršuje, panašiai kaip "Chrome" programuotojo įrankiai.
Taip pat yra skirtukas "Sveiki atvykę", panašus į "Chrome" puslapį "Kas naujo". Programuotojo įrankių funkcijų apžvalgą galite peržiūrėti čia. Rekomenduoju peržiūrėti šį skirtuką ir atrasti naudingų patarimų ir gudrybių, kurių dar neaptarėme kurso metu.
Dar viena naudinga "Edge DevTools" funkcija - galimybė perkelti skirtukų juostą į kairę. Tai leidžia skirtukus išdėstyti vertikaliai. Tada piktogramos rodomos kaip įrankių užrašai, todėl sutaupoma vietos ir lieka daugiau vietos patiems įrankiams.
Pačius projektavimo įrankius galima keisti įvairiais nustatymais, kurie yra panašūs į "Chrome" nustatymus. Galite pritaikyti išskleidžiamus meniu, dokumentaciją ir veiklos juostą. Tai leidžia išlaikyti pažįstamą darbo aplinką.
Vienas iš nedaugelio skirtumų - papildoma "Azure DevOps" piktograma "Edge" įrankiuose, kurios nėra "Chrome". Tai ypač naudinga programuotojams, dirbantiems "Azure" aplinkoje.
Atsidūrę atitinkamuose skirtukuose pastebėsite, kad abiejų įrankių struktūra ir funkcijos yra beveik identiškos. Stilius, apskaičiuotus išdėstymus ir visa kita, prie ko esate pripratę "Chrome", galite naudoti ir "Edge".
Tačiau funkcijų atnaujinimai gali šiek tiek skirtis. Kai "Chrome" prideda naują funkciją, "Edge" ji gali būti prieinama šiek tiek vėliau arba atvirkščiai. Todėl patartina reguliariai tikrinti, kokios naujos funkcijos pridėtos į įvairius įrankius.
Tai iš tikrųjų viskas, ką reikia žinoti apie "Edge DevTools". Jei jau esate susipažinę su "Chrome" programuotojo įrankiais, greitai orientuositės ir "Edge Dev Tools".
Apibendrinimas
Šioje pamokoje sužinojote apie "Google Chrome" ir "Microsoft Edge" programavimo įrankių panašumus ir skirtumus. Dabar jau žinote, kaip atidaryti įrankius ir kokiomis funkcijomis galite naudotis, kad efektyviai dirbtumėte su žiniatinklio projektais.
Dažniausiai užduodami klausimai
Kaip atidaryti "Microsoft Edge Developer Tools"?Paspauskite F12 arba "Windows" sistemoje naudokite kombinaciją Control + Shift + I.
Ar yra didelių skirtumų tarp "Edge" ir "Chrome Developer Tools"?Skirtumai nedideli, daugiausia naudotojo sąsajoje ir kai kuriose papildomose funkcijose.
Ar galiu pritaikyti skirtukų juostą "Edge"?Taip, spustelėję pliuso piktogramą galite pridėti naujų skirtukų ir perkelti skirtukų juostą į kairę.
Ar trumpieji klavišai "Edge" yra panašūs į "Chrome"?Taip, dauguma trumpųjų klavišų yra identiški.
Ar "Microsoft Edge" ateityje taip pat pristatys atnaujinimus? Taip, tačiau funkcijos gali šiek tiek vėluoti, palyginti su "Chrome" funkcijomis.
