Phenquestions
De nieuwe Microsoft Edge is gebouwd met behulp van het Chromium open source-project, en als u een ontwikkelaar bent, is hier de lijst met: Ontwikkeltools in Microsoft Edge (Chromium). Een paar nieuwe tools hebben hun intrede gedaan in de DevTools-lijst. Het maakt het voor ontwikkelaars gemakkelijk en snel om websites te bouwen en te testen in Microsoft Edge.
Lijst met DevTools in nieuwe Edge (Chromium)
De Microsoft Edge (Chromium) DevTools kunnen grofweg worden onderverdeeld in twee verschillende categorieën:
- Kernhulpmiddelen
- Extensies.
1] Kernhulpmiddelen
Elementenpaneel - Een van de handigste functies van DevTools voor webontwikkelaars is de mogelijkheid om de HTML en CSS op een pagina te "Live Edit". U kunt het deelvenster Elementen gebruiken om HTML en CSS te bewerken, toegankelijkheidseigenschappen te inspecteren, gebeurtenislisteners te bekijken en DOM-mutatiebreekpunten in te stellen.
Troosten - De Console-tool registreert over het algemeen informatie met betrekking tot een webpagina, zoals JavaScript, netwerkverzoeken en beveiligingsfouten. Dus de eerste stap bij het oplossen van problemen is het controleren van de browserconsole.
Het is om deze reden; vindt u een speciaal consolepaneel in de Edge-browser. Ontwikkelaars kunnen hetzelfde paneel gebruiken voor interactief debuggen, ad-hoc testen en communiceren van en naar een actieve webpagina.
Bronnenpaneel - Het is de meest bruikbare tool voor elke JavaScript-ontwikkelaar - de JavaScript Debugger. Hiermee kan een ontwikkelaar zijn code tijdens runtime openen en bewerken, onderbrekingspunten instellen, door code stappen en de status van zijn website één regel JavaScript per keer bekijken.
Netwerkpaneel - Het kan verzoeken en antwoorden van de netwerk- en browsercache bewaken en inspecteren.
Prestatiepaneel - Het is verantwoordelijk voor het opnemen van runtime-prestatiegegevens. Runtime-prestaties zijn hoe uw pagina presteert wanneer deze wordt uitgevoerd, in tegenstelling tot laden.
Geheugenpaneel - Geheugenproblemen kunnen een primaire boosdoener zijn van prestatieproblemen. Het kan ervoor zorgen dat de pagina in de loop van de tijd steeds niet meer reageert en traag wordt. Geheugenpaneel kan het gebruik van systeembronnen meten en heap-snapshots vergelijken bij verschillende staten van code-uitvoering.
Toepassingspaneel - Het toont verschillende interessante webpagina-eigenschappen. Het kan opslag, databases en caches inspecteren en beheren vanuit het paneel.
Beveiligingspaneel - Het kan controleren of de pagina die u momenteel bekijkt veilig is of niet. Het kan ook de oorsprong inspecteren. Ontwikkelaars kunnen het gebruiken om beveiligingsproblemen op te sporen en ervoor te zorgen dat HTTPS op de juiste manier wordt geïmplementeerd.
Audits paneel - Het vereist geen exclusieve beschrijving omdat het voor zichzelf spreekt. Met deze functie kunt u uw website controleren. De verkregen resultaten kunnen u helpen de kwaliteit van uw website te verbeteren.
Lezen: Er is een fout opgetreden tijdens het starten van de profileringssessie in Edge DevTools.
2] Extensies
Hoewel Edge extensies ondersteunt, zijn er vanaf nu geen extensies beschikbaar voor de DevTool. In plaats daarvan moet u extensies installeren vanuit de extensieopslag van derden, bijv. Chrome webshop.
- Klik op de drie stippen of het menupictogram in de linkerbovenhoek van Edge. Klik op Extensies.
- Schakel in de linkerbenedenhoek van de pagina Extensies de schakelaar in voor Extensies van andere winkels toestaan.
- Navigeer vervolgens naar de Chrome Web Store en open de extensie die werkt met DevTools, e.g., ReAct-ontwikkelaarstool van Facebook.
- Klik om toe te voegen aan Chrome en de DevTools-extensie wordt toegevoegd aan Microsoft Edge!
Simpel gezegd, zo installeer je een Chrome-extensie op Edge. Wees echter gewaarschuwd als de pure Chrome-extensie wel of niet werkt, aangezien Microsoft enkele van de Chromium-services en -functies heeft verwijderd.
De nieuwe Edge-browser zal beschikbaar zijn met de volgende functie-update van Windows 10. Als je een website of bedrijf hebt dat afhankelijk is van Edge, is het beter om je van tevoren voor te bereiden.
Ga voor meer informatie naar Microsoft.com.
