Phenquestions
Uus Microsoft Edge on loodud Chromiumi avatud lähtekoodiga projekti abil ja kui olete arendaja, on siin loend Arendustööriistad Microsoft Edge'is (Chromium). Mõni uus tööriist on jõudnud DevToolsi loendisse. See muudab arendajatele veebisaitide loomise ja testimise Microsoft Edge'is lihtsaks ja kiireks.
Uue serva (kroom) DevToolide loend
Microsoft Edge (Chromium) DevToolsi saab üldjoontes jagada kahte kategooriasse:
- Põhivahendid
- Laiendused.
1] Põhitööriistad
Elementide paneel - DevToolsi üks kõige kasulikumaid funktsioone veebiarendajatele on võimalus lehel HTML-i ja CSS-i reaalajas redigeerida. Paneeli Elements abil saate HTML-i ja CSS-i redigeerida, hõlbustusomadusi kontrollida, sündmuste kuulajaid vaadata ja DOM-i mutatsiooni katkestuspunkte määrata.
Konsool - Tööriist Konsool logib tavaliselt veebilehega seotud teavet, näiteks JavaScripti, võrgutaotlused ja turbevead. Niisiis, probleemide tõrkeotsingu esimene samm on brauseri konsooli kontrollimine.
Just sel põhjusel; leiate brauserist Edge spetsiaalse konsoolipaneeli. Devid saavad sama paneeli kasutada interaktiivseks silumiseks, ad-hoc testimiseks ning suhtlemiseks jooksvale veebisaidile ja sealt välja.
Allikate paneel - See on juhtumisi kõigi JavaScripti arendajate jaoks kõige kasulikum tööriist - JavaScripti silur. Selle abil saab arendaja oma koodi käitusajal avada ja muuta, seada murdepunkte, astuda läbi koodi ja vaadata oma veebisaidi olekut JavaScripti rida korraga.
Võrgupaneel - See saab jälgida ja kontrollida võrgu ja brauseri vahemälu päringuid ja vastuseid.
Performance Panel - See vastutab käitusaja jõudlusandmete salvestamise eest. Käitusaja toimivus on see, kuidas teie leht töötab, võrreldes laadimisega.
Mälupaneel - Mäluprobleemid võivad olla jõudlusprobleemide peamine süüdlane. See võib aja jooksul muuta lehe üha reageerimatumaks ja lagunevaks. Mälupaneelil saab mõõta süsteemiressursside kasutamist ja võrrelda kuhjuvate hetktõmmiseid koodi täitmise erinevates olekutes.
Rakenduspaneel - See kuvab mitmeid huvitavaid veebilehe omadusi. See saab paneelilt salvestusruume, andmebaase ja vahemälusid kontrollida ja hallata.
Turvapaneel - See võib kontrollida, kas praegu vaadatav leht on turvaline või mitte. Samuti saab ta kontrollida selle päritolu. Arendajad saavad seda kasutada turvaprobleemide silumiseks ja HTTPS-i nõuetekohase rakendamise tagamiseks.
Auditite paneel - See ei vaja eksklusiivset kirjeldust, kuna see on enesestmõistetav. See funktsioon võimaldab teil oma veebisaiti auditeerida. Saadud tulemused aitavad teil oma veebisaidi kvaliteeti parandada.
Lugege: Edge DevTools'is profileerimisseansi käivitamisel ilmnes viga.
2] Laiendused
Kuigi Edge toetab laiendusi, pole DevToolile praegu ühtegi laiendit saadaval. Selle asemel peate installima laiendused kolmanda osapoole laiendusepoest, nt. Chrome'i veebipood.
- Klõpsake Edge'i vasakus ülanurgas kolme punkti või menüüikooni. Kliki Laiendused.
- Lülitage laienduste lehe vasakus alanurgas sisse lüliti Luba laiendused teistest poodidest.
- Järgmisena navigeerige Chrome'i veebipoodi ja avage DevToolsiga töötav laiendus e.g., ReActi arendaja tööriist Facebookist.
- Klõpsake nuppu Lisa Chrome'i ja DevToolsi laiendus lisatakse Microsoft Edge'i!
Lihtsamalt öeldes installite Chrome'i laienduse Edge'i nii. Siiski tuleb hoiatada, kui puhas Chrome'i laiendus võib töötada või mitte, kuna Microsoft on osa Chromiumi teenustest ja funktsioonidest eemaldanud.
Uus Edge brauser on saadaval Windows 10 järgmise funktsioonivärskendusega, kui teil on Edge'ist sõltuv veebisait või ettevõte, on parem ette valmistada.
Üksikasjaliku lugemise saamiseks külastage Microsofti.com.
