Amathuluzi Onjiniyela We-Edge Okufanele Uwazame

  • I-Microsoft Edge DevTools ihlinzeka ngokuhlolwa kwesikhathi sangempela okuthuthukile, ukulungisa iphutha, nendawo yokuhlela yokuthuthukiswa kwewebhu.
  • Kubandakanya amathuluzi akhethekile okusebenza, ukufinyeleleka, okuzenzakalelayo, nosekelo lwendabuko lwe-Progressive Web Apps kanye ne-WebView2.
  • Ivumela ukwenziwa ngokwezifiso okugcwele kwesixhumi esibonakalayo, ukuhlanganiswa ne-Visual Studio Code, nokusekelwa okunwetshiwe kokuhlolwa okuthuthukile.

Unjiniyela uyasebenza

Amathuluzi onjiniyela ku-Microsoft Edge adlala indima ebalulekile ekudaleni, ekulungiseni amaphutha, nasekuthuthukiseni amakhasi ewebhu nezinhlelo zokusebenza zesimanje. Ngokusetshenziswa kwenjini yeChromium, i-Edge ishintshe yaba yinto efanayo, futhi kwezinye izici idlula ngisho nezinye izindlela ezifana ne-Google Chrome ngokwezici ezithuthukisiwe, ukuhlanganiswa nezindawo ze-Microsoft, kanye nokusekelwa kobuchwepheshe obusha.

Uma ungumthuthukisi wewebhu, ukuqonda kahle inqwaba yezinsiza ezitholakala ku-Edge akugcini nje ngokukusiza ukuthi uhlole futhi uqalise imikhiqizo yedijithali esezingeni eliphezulu , kodwa futhi kuthuthukisa umkhiqizo wakho futhi kuvula umnyango wokuhlanganisa izitayela zakamuva zokufinyeleleka, ukuzenzakalela, kanye nezinhlelo zokusebenza zewebhu ezithuthukayo, sisebenzisa izici ezihlukile zemvelo ye-Microsoft.

Ayini amathuluzi okuthuthukisa i-Edge futhi ngawaphi?

Amathuluzi okuthuthukisa ahlanganiswe ku-Microsoft Edge , aziwa ngokuthi i-Edge DevTools, akuvumela ukuthi uhlole, uguqule, futhi ulungise ikhodi yomthombo yamakhasi ewebhu ngendlela enembile, usebenzisana ngesikhathi sangempela ne-DOM, CSS, JavaScript, nezinye izinsiza.

Lawa mathuluzi aklanyelwe ukwenza umsebenzi ube lula kochwepheshe abanolwazi kanye nabathuthukisi abasaqala emhlabeni wewebhu. Kusukela ekuhlolweni okubonakalayo kwezinto ze-HTML kanye nezitayela zazo , ukuhlaziywa kwenethiwekhi nokuqapha, kuya ekuphathweni kwezinsiza okuthuthukisiwe kanye nokuhlaziywa kokusebenza okuningiliziwe, i-Edge DevTools iyindawo ephelele yokwenza ngcono noma iyiphi iwebhusayithi noma uhlelo lokusebenza lwesimanje.

I-Microsoft itshale imali eningi ekufinyelelekeni nasekuzenzeni kube ngokwakho , okuvumela abasebenzisi ukuthi bavumelanise isikhombimsebenzisi kanye nokusebenza kwazo nezidingo zabo kanye nemisebenzi yabo. Ngaphezu kwalokho, kukhona ukuhlanganiswa okujulile nezinye izinkundla zenkampani ezibalulekile, njenge-Visual Studio Code, i-Azure, kanye nokusekelwa okuthuthukisiwe kwe-Progressive Web Apps (PWAs).

Izici ezibalulekile nokusebenza kwe-Edge DevTools

Ukuhlolwa kwe-Edge DevTools

Amathuluzi kanjiniyela ka-Edge ahlukaniswe ngamaphaneli nezinsiza eziningana , ngalinye ligxile endaweni ehlukile yomjikelezo wokuthuthukiswa kwewebhu. Ake siwahlukanise futhi sithole ukuthi ngalinye linikezani.

Ukuhlolwa kwe-elementi nokuhlelwa okubonakalayo

Iphaneli yezinto ikuvumela ukuthi ubuke isakhiwo se-DOM ngesikhathi sangempela, uhlole futhi uguqule amathegi e-HTML ne-CSS ngokuguquguqukayo. Ungakwazi:

  • Hlela izitayela ze-HTML ne-CSS ngokuqondile futhi ubone izinguquko ngokushesha.
  • Buka izitayela ezibaliwe, imithetho ezuzwe njengefa, nama-cascade kwe-CSS.
  • Faka noma susa amakilasi, cindezela izimo (hamba phezulu, uyasebenza, gxila…), fihla noma gqamisa izinto.
  • Hlola imicimbi ehlotshaniswa nama-elementi, izibaluli ze-ARIA, nezakhiwo zokufinyeleleka.

Izici zifaka phakathi ukulingisa amadivayisi eselula , lapho ungalingisa khona indlela ikhasi lakho eliziphatha ngayo ngezinqumo ezahlukene, ubuningi, kanye nezimo zenethiwekhi. Ngaphezu kwalokho, kunezimbozo zokulinganisa amamajini, ukugoqa, kanye nobukhulu obuqondile bengxenye ngayinye ebonakalayo.

Ukulungisa iphutha kwe-JavaScript Okuthuthukisiwe

Iphaneli ye-Sources isebenza njengomhleli/isitholi seziphazamisi se-JavaScript nezinye izinsiza. Lapha ungakwazi:

  • Setha futhi uphathe ama-breakpoint (ama-breakpoint) emigqeni ethile, enemibandela, emicimbini, ehlukile noma ngisho nasezinguqukweni ku-DOM.
  • Yenza a ukuzulazula kwejika ngalinye ngokusebenzisa ikhodi (wehla, ngena, phuma), bheka isitaki socingo kanye nokugeleza kokubulawa.
  • Bheka futhi ulungise okuguquguqukayo ngesikhathi sangempela, dala izinkulumo zewashi, futhi uhlole umongo wokwenza.
  • Hlunga ikhodi yelabhulali ukuze uhlanze umkhondo futhi ugxile kukhodi yephrojekthi.
  • Sesha izinkulumo noma imigqa yekhodi kuwo wonke amafayela omthombo alayishiwe.
  • Hlela, londoloza izinguquko, futhi uhlole ukusebenzisa okusha ngaphandle kokulayisha kabusha ikhasi.

Ikhonsoli

Izinto ze-Edge DevTools

Ikhonsoli ye-Edge ibalulekile ekubukeni amalogi, izixwayiso, amaphutha, kanye nemiyalezo eyenziwe ngokwezifiso ethunyelwe kusuka kumaskripthi. Ikuvumela ukuthi:

  • Hlunga imilayezo ngohlobo (amaphutha, izexwayiso, amalogi, ulwazi).
  • Yenza izitatimende ze-JavaScript ngesikhathi sangempela, shintsha isimo sekhasi, futhi uhlole imisebenzi ngokushesha.
  • Thola ukuqonda ekulandeleni isitaki, izikhathi zokwenziwa, namanye amamethrikhi angukhiye ngenkathi ususa iphutha.

Ukuqapha kwenethiwekhi nokuhlaziya

Iphaneli yeNethiwekhi ibonisa zonke izicelo nezimpendulo ze-HTTP/HTTPS , okuhlanganisa izinsiza zokulayisha ezifana nezithombe, izikripthi, amashidi ezitayela, njll. Lapha ungakwazi:

  • Buka umugqa wesikhathi wokulayisha futhi uhlaziye izikhathi zokuphendula.
  • Hlola izihloko, amakhukhi, inqolobane, nemizimba yokuphendula.
  • Lingisa ukuxhumeka okunensayo noma ukucisha kwenethiwekhi ukuze ubone ukuthi ziziphatha kanjani uma kwenzeka kwehlulekile.
  • Thola izinsiza ezikhiyiwe, amaphutha e-CORS, nezinkinga zokuphepha.

Ukusebenza nokuhlaziywa kwenkumbulo

I-Edge DevTools inikeza amathuluzi athile okuhlaziya ukusebenza kwewebhusayithi yakho . Ikuvumela ukuthi:

  • Rekhoda futhi ubuke ukumelwa kwamafreyimu nama-animation.
  • Phenya ukulayisha nokunikeza izingqinamba.
  • Hlaziya ukusetshenziswa kwenkumbulo, ukuvuza, imijikelezo yereferensi, nokwenza kahle kwezinsiza.

Amathuluzi Okufinyelela (A11y)

I-Microsoft Edge inaka kakhulu ukufinyeleleka. Iphaneli yayo ezinikele ikuvumela ukuthi:

  • Buka amathegi e-ARIA, izindima, nezici zokufinyeleleka zento ngayinye.
  • Hlaziya izinkinga ngokugqama, ukuzulazula kwesifundi sesikrini, nokuhambisana kobuchwepheshe obusizayo.
  • Thola iziphakamiso zokuthuthukisa umuzwa wabasebenzisi abanokukhubazeka kokubuka, ukuzwa, noma kwemoto.

Konke lokhu kuvumela intuthuko ebandakanya wonke umuntu ngokuhambisana namazinga amanje.

Ukwenza ngokwezifiso nezandiso

I-Edge DevTools ifaka izinketho zokwenza ngokwezifiso ezithuthukisiwe :

  • Ungakwazi hamba ibha yamathuluzi (phezulu noma eceleni) ukuze uyivumelanise nokuhamba komsebenzi wakho.
  • Nquma ukuthi imaphi amaphaneli ozowabonisa, hlela kabusha amathebhu, futhi wengeze amathuluzi amasha ukusuka kumenyu ethi 'Amathuluzi Engeziwe'.
  • Lungisa itimu yakho ebonakalayo, phatha izinqamuleli zekhibhodi, noma usebenzise izilungiselelo ezifanayo njengeKhodi Yesitudiyo Esibonakalayo.

Futhi, ungenza ngendlela oyifisayo iWindows nesixhumi esibonakalayo ukuze uthole umuzwa ofanelana nezidingo zakho.

Ungafinyelela futhi usebenzise kanjani i-Edge DevTools: Izinqamuleli kanye Nezimo Ezisheshayo

Amathuluzi okuthuthukisa we-Edge DevTools

I-Microsoft Edge ikuvumela ukuthi uvule iphaneli yamathuluzi onjiniyela ngezindlela eziningana :

  • Ukucindezela inkinobho F12.
  • Kusetshenziswa inhlanganisela Ctrl + Shift + I (Windows/Linux) noma Cmd+Option+I (Mac).
  • Chofoza kwesokudla kunoma iyiphi i-elementi bese ukhetha okuthi “Hlola” ukuze uvule iphaneli egxile entweni ekhethiwe.
  • Kusuka kumenyu yesiphequluli: Izilungiselelo nokuningi (isithonjana samachashazi amathathu) > Amathuluzi engeziwe > Amathuluzi onjiniyela.

Ukuhambisana nomehluko phakathi kwe-Edge ne-Chrome DevTools

Selokhu yashintshela enjinini yeChromium, i-Edge yabelana ngesisekelo esifanayo kakhulu ne-Chrome maqondana namathuluzi okuthuthukisa . Kodwa-ke, i-Edge inezinzuzo zayo:

  • I-interface icishe ifane, inamathebhu afanayo kanye nokuhlelwa okuvamile.
  • Ezinye izici nezimpawu zingahluka, njengokuhlanganiswa okuqondile ne-Azure DevOps, okuwukhiye wezindawo ezithile zokusebenza.
  • Izakhiwo zethebhu zingashintshwa futhi zihanjiswe ngokukhululeka ku-Edge, zinikeze ukwenza ngokwezifiso okukhulu.
  • Izibuyekezo zesici esisha zingafika maduze ku-Chrome noma ku-Edge, kuye ngentuthuko.
  • Ithebhu yokwamukela ku-Edge iqoqa izinsiza eziqondene nesiphequluli, amathiphu, namasu.

Okuzenzakalelayo, ukuhlola, namathuluzi athuthukile onjiniyela

I-Edge ithuthuke kakhulu kumathuluzi okuzenzakalelayo kanye nokuhlola :

  • Iphrothokholi ye-DevTools: Ihlinzeka nge-API yokwenza izinsimbi ngokuhlelekile nokulungisa iphutha lesiphequluli.
  • Umbhali wemidlalo yeshashalazi kanye noMdwebi: Izinhlaka zesiphequluli esiphambanayo ezihambisana nomphetho, zilungele ukuhlolwa, ukuklwetshwa, noma imibhalo ye-QA.
  • I-WebDriver: Ikuvumela ukuthi ulingise ukusebenzisana kwabantu ukuze kuhlolwe ukusebenza nokuhlanganisa.
  • webhint: Ithuluzi lokuhlanganisa ukuze ubuyekeze izinqubo ezihamba phambili, amaphutha avamile, neziphakamiso kukhodi yakho.

I-Edge Extension Development

Enye inzuzo ye-Edge ukuthi kulula ukudala izandiso ezenziwe ngokwezifiso :

  • Zikuvumela ukuthi ungeze izici ezithuthukisa ukuzulazula, ukulungisa amaphutha, noma ukuhlaziya isayithi.
  • Athuthukiswa ngobuchwepheshe bewebhu: i-HTML, i-CSS ne-JavaScript.
  • I-JSON manifest ichaza izimvume nokuziphatha, ingqondo ihlala emibhalweni yakho siqu.
  • Inqubo yokuthuthukisa nokushicilela iyafana ne-Chrome, ngokuhlanganiswa ne-ecosystem ye-Microsoft.
  • Izibonelo eziwusizo zihlanganisa izivimbeli zezikhangiso, abaphathi bephasiwedi, noma ukuhlanganiswa kwangaphandle.

I-Progressive Web Apps (PWA) kanye ne-WebView2: Ukuhlanganiswa Komdabu

I-Edge ihola phambili ekusekeleni i-Progressive Web Apps (PWAs) , evumela amawebhusayithi ukuthi asebenze njengezinhlelo zokusebenza ezingafakeka kunoma yiluphi uhlelo lokusebenza, ngezaziso, ukusebenza okungaxhunyiwe ku-inthanethi, nokuningi.

  • Ama-PWA angasatshalaliswa futhi asebenze ku-Edge ngokuhlanganiswa okugcwele, ngamathuluzi azinikele wokuwasusa amaphutha nokuwahambisa.
  • Ukuthuthukiswa kwe-Cross-platform ishibhile, njengoba udinga ukwakha kanye kuphela bese wethula ezisekelweni eziningi ezisekelwayo.

Ngakolunye uhlangothi, i-WebView2 ivumela ukushumeka ubuchwepheshe bewebhu ngaphakathi kwezinhlelo zokusebenza ze-Windows zomdabu , okuhlanganisa ulwazi kuzo zonke iziphequluli nezinhlelo zokusebenza zedeskithophu.

Ukufinyeleleka e-Edge: Ukuthuthukiswa kwawo wonke umuntu

Ibha Yomsebenzi Ye-Edge DevTools

Ukuzibophezela kweMicrosoft ekufinyelelekeni kubonakala kumathuluzi akhelwe ngaphakathi kanye nentuthuko eqhubekayo:

  • I-Edge inamathuluzi okuqinisekisa amathegi e-ARIA, izindima, izimo, neziphakamiso zokuthuthukisa.
  • Kubandakanya ukuhlaziya okuzenzakalelayo kokugqama, usekelo lwekhibhodi, nobuchwepheshe obusizayo obufana nezifundi zesikrini nokuzulazula ngezwi.
  • Ikuvumela ukuthi ulungise iphutha futhi ulungise izinkinga zokufinyeleleka ngaphakathi kwe-DevTools.
  • Ukubhalwa kwamadokhumenti nezibuyekezo kuyaqhubeka, kunezibonelo nezifundo zevidiyo.

Ukuhlanganiswa Okuthuthukile: Ikhodi Yesitudiyo Esibonakalayo, i-Azure, nokuningi

Ezindaweni zeMicrosoft, i-Edge ivelele ngokuhlanganiswa kwayo kwendabuko ne-Visual Studio Code kanye ne-Azure :

  • Ungakwazi ukulungisa amaphutha amakhasi nezinhlelo zokusebenza ngokuqondile ku-IDE, uvumelanise izinguquko nokuhlola ngesikhathi sangempela.
  • Izandiso ezisemthethweni zikuvumela ukuthi uthuthukise ukuhamba kwakho komsebenzi ngokusungula amaphrojekthi ahlanganisiwe.
  • Ama-automation okuthunyelwa kanye nokusebenzisana kwethimba kuyasiza ngalokhu kuxhumana.

Ukwenza ngendlela oyifisayo i-DevTools Interface

Esinye sezici ezivelele kakhulu ze-DevTools in Edge ukwenza ngokwezifiso okuphelele kwesikhombimsebenzisi sayo , okuvumelana nonjiniyela ngamunye:

  • Ungakhetha ukuthi imaphi amathuluzi avela njengamathebhu amakhulu nokuthi yimaphi kumenyu ethi 'Amathuluzi Angeziwe'.
  • Hlela kabusha amathebhu, hambisa ibha yomsebenzi, shintsha indawo yephaneli.
  • Khetha amatimu abukwayo, lungisa ukusondeza, futhi ulungiselele izinqamuleli ukuze wenze indawo okuyo ikhululeke futhi isebenze kahle.
  • Londoloza futhi uvumelanise lezi zilungiselelo nge-akhawunti yakho ye-Microsoft ukuze usebenzise kuwo wonke amadivayisi.

Ukubamba okufinyelelekayo nezinqamuleli ku-DevTools

I-Edge ithuthukise ulwazi kubasebenzisi abathembele kuzinqamuleli noma izifundi zesikrini, okwenza ukulungisa iphutha kube lula:

  • Isenzo ngasinye esiyinhloko sinesinqamuleli saso sekhibhodi, esenziwa ngendlela oyifisayo kusukela kuzilungiselelo.
  • Izindawo zephaneli (izinsiza, ikhodi, amathuluzi, imininingwane) zilungiselelwe ikhibhodi nokuzulazula kobuchwepheshe bokusiza.
  • Ungashintsha i-oda lethebhu futhi unikeze impendulo ezwakalayo ukuze wenze ukulungisa iphutha kufinyeleleke kakhudlwana.

Izici zokuhlola nokuthuthukiswa okuthuthukisiwe

Esinye isici se-Edge DevTools ukuthi, ngaphezu kwamathuluzi azinzile, ikuvumela ukuthi usebenzise izici ku-beta :

  • Ukuhlola kunikwe amandla kusukela kuzilungiselelo ukuhlola izici ezintsha.
  • Ngokukhishwa kwe-Edge Canary, uthola ukufinyelela ezicini ezintsha ngaphambi kokukhishwa okuzinzile.
  • Imenyu yomyalo yenza kube lula ukufinyelela ngokushesha imisebenzi nokuhlolwa ngaphandle kokuzulazula kumamenyu ayinkimbinkimbi.

Amathiphu asebenzayo okusebenzisa i-Edge DevTools ngokunethezeka

Ukuze uthole okuningi kunzuzo yakho, cabangela lawa macebiso:

  • Sebenzisa imenyu ye-Command (Ctrl+Shift+P) ukuze ushintshe amaphaneli ngokushesha, usebenzise imiyalo, noma wenze kusebenze imisebenzi.
  • Enza ngendlela oyifisayo ukwakheka namatimu ukuze kuhambisane nokuhamba komsebenzi wakho, ikakhulukazi uma usebenzisa izibonisi eziningi.
  • Londoloza futhi wabelane ngezilungiselelo nethimba lakho ngokuvumelanisa ne-akhawunti yakho ye-Microsoft.
  • Hlola ithebhu yokwamukela kanye nemibhalo esemthethweni ukuze uthole izici zakamuva namathiphu.
  • Hlanganisa i-Edge ne-Android Studio ekuhambeni kwakho komsebenzi ukuze wenze lula ukuhlola nokushuna.

I-Microsoft Edge iqinise isikhundla sayo njengendawo enamandla, enembile, futhi efinyelelekayo yonjiniyela, ehambisana nezitayela zamanje zokuthuthukiswa kwewebhu . Ukusebenzisa la mathuluzi kwenza umehluko omkhulu ekhwalithini kanye nesivinini samaphrojekthi akho edijithali, kungakhathaliseki ukuthi ulwazi lwakho lungakanani.


Engeza njengomthombo okhethwayo ku-Google