Novi Microsoft Edge izrađen je pomoću projekta otvorenog koda Chromium, a ako ste programer, evo popisa Alati za programere u programu Microsoft Edge (Chromium). Nekoliko novih alata ušlo je na popis DevTools. Programerima će olakšati i brzo graditi i testirati web stranice u programu Microsoft Edge.
Popis DevTools u novom Edgeu (Chromium)
Microsoft Edge (Chromium) DevTools mogu se široko kategorizirati u dvije različite kategorije:
- Osnovni alati
- Proširenja.
1] Osnovni alati
Panel s elementima - Jedna od najkorisnijih značajki DevTools-a za web programere je mogućnost "Live Edit" HTML-a i CSS-a na stranici. Ploču Elementi možete koristiti za uređivanje HTML-a i CSS-a, pregled svojstava pristupačnosti, prikaz preslušača događaja i postavljanje točaka prijeloma DOM mutacije.
Konzola - Alat Console obično bilježi podatke povezane s web stranicom, poput JavaScript-a, mrežnih zahtjeva i sigurnosnih pogrešaka. Dakle, prvi korak u rješavanju problema je provjeravanje konzole preglednika.
Iz tog razloga; u pregledniku Edge pronaći ćete namjensku ploču konzole. Razvojnici mogu koristiti istu ploču za interaktivno ispravljanje pogrešaka, ad-hoc testiranje i komunikaciju na i izvan pokrenute web stranice.
Panel Izvori - Događa se da je to najkorisniji alat za bilo kojeg programera za JavaScript - JavaScript Debugger. Koristeći ga, programer može otvoriti i urediti svoj kôd u vrijeme izvođenja, postaviti točke prekida, prelaziti kroz kôd i vidjeti stanje svoje web stranice jedan po jedan redak JavaScript-a.
Mrežna ploča - Može nadzirati i pregledavati zahtjeve i odgovore iz mreže i predmemorije preglednika.
Panel izvedbe - Odgovoran je za bilježenje podataka o izvedbi. Izvedba izvršavanja je učinak vaše stranice dok je pokrenuta, za razliku od učitavanja.
Memorijska ploča - Problemi s memorijom mogu biti primarni krivac za probleme s izvedbom. To može uzrokovati da stranica vremenom postaje sve neodgovornija i zaostala. Memorijska ploča može izmjeriti upotrebu sistemskih resursa i usporediti snimke hrpe u različitim stanjima izvršavanja koda.
Programska ploča - Prikazuje nekoliko zanimljivih svojstava web stranica. Može pregledavati i upravljati pohranom, bazama podataka i predmemorijama s ploče.
Sigurnosna ploča - Može provjeriti je li stranica koju trenutno gledate sigurna ili nije. Također može pregledati svoje podrijetlo. Razvojni programeri mogu ga koristiti za uklanjanje pogrešaka u sigurnosnim problemima i osiguravanje da se HTTPS pravilno primjenjuje.
Panel za reviziju - Ne zahtijeva ekskluzivan opis, jer je samorazumljiv. Značajka vam omogućuje reviziju vašeg web mjesta. Dobiveni rezultati mogu vam pomoći u poboljšanju kvalitete vašeg web mjesta.
Čitati: Došlo je do pogreške prilikom pokretanja sesije profiliranja u Edge DevTools.
2] Proširenja
Iako Edge podržava proširenja, za DevTool za sada nema dostupnih proširenja. Umjesto toga, morat ćete instalirati proširenja iz trgovine nezavisnih proširenja, npr. Chrome web trgovina.
- Kliknite tri točke ili ikonu izbornika u gornjem lijevom kutu Edgea. Kliknite na Proširenja.
- U donjem lijevom kutu stranice Proširenja uključite prekidač za Dopustite proširenja iz drugih trgovina.
- Zatim dođite do Chrome web trgovine i otvorite proširenje koje radi s DevTools, e.g., ReAct Developer alat s Facebooka.
- Kliknite Dodaj u Chrome i proširenje DevTools bit će dodano u Microsoft Edge!
Jednostavnim riječima, na ovaj način instalirate proširenje za Chrome na Edge. Međutim, budite upozoreni ako njegovo čisto Chrome proširenje može i ne mora raditi jer je Microsoft uklonio neke usluge i značajke Chromium.
Novi preglednik Edge bit će dostupan sa sljedećim ažuriranjem značajki sustava Windows 10 ako imate web mjesto ili tvrtku koja ovisi o Edgeu, bolje je pripremiti se unaprijed.
Za detaljno čitanje posjetite Microsoft.com.