Das neue Microsoft Edge wurde mit dem Open-Source-Projekt Chromium erstellt, und wenn Sie Entwickler sind, finden Sie hier die Liste der Entwicklungstools in Microsoft Edge (Chrom). Ein paar neue Tools haben es in die DevTools-Liste geschafft. Es macht es Entwicklern einfach und schnell, Websites in Microsoft Edge zu erstellen und zu testen.
Liste der DevTools in neuem Edge (Chrom)
Die Microsoft Edge (Chromium) DevTools können grob in zwei verschiedene Kategorien eingeteilt werden:
- Kern-Tools
- Erweiterungen.
1] Kernwerkzeuge
Elemente-Panel - Eine der nützlichsten Funktionen von DevTools für Webentwickler ist die Möglichkeit, HTML und CSS auf einer Seite „live zu bearbeiten“. Sie können das Bedienfeld „Elemente“ verwenden, um HTML und CSS zu bearbeiten, Barrierefreiheitseigenschaften zu überprüfen, Ereignislistener anzuzeigen und Haltepunkte für DOM-Mutationen festzulegen.
Konsole - Das Console-Tool protokolliert im Allgemeinen Informationen zu einer Webseite, wie JavaScript, Netzwerkanforderungen und Sicherheitsfehler. Der erste Schritt zur Behebung der Probleme besteht also darin, die Browserkonsole zu überprüfen.
Aus diesem Grund; Sie finden ein spezielles Konsolenfenster im Edge-Browser. Entwickler können dasselbe Panel für interaktives Debugging, Ad-hoc-Tests verwenden und in eine laufende Webseite hinein und aus ihr heraus kommunizieren.
Quellenbereich - Es ist zufällig das nützlichste Werkzeug für jeden JavaScript-Entwickler - der JavaScript-Debugger. Damit kann ein Entwickler seinen Code zur Laufzeit öffnen und bearbeiten, Breakpoints setzen, Code schrittweise durchgehen und den Zustand seiner Website zeilenweise mit JavaScript sehen.
Netzwerk-Panel - Es kann Anfragen und Antworten aus dem Netzwerk und Browser-Cache überwachen und prüfen in.
Leistungspanel - Es ist für die Aufzeichnung von Laufzeitleistungsdaten verantwortlich. Die Laufzeitleistung ist die Leistung Ihrer Seite, wenn sie ausgeführt wird, im Gegensatz zum Laden.
Speicherpanel - Speicherprobleme können ein Hauptgrund für Leistungsprobleme sein. Dies kann dazu führen, dass die Seite im Laufe der Zeit immer weniger reagiert und verzögert. Das Speicherpanel kann die Nutzung von Systemressourcen messen und Heap-Snapshots bei verschiedenen Zuständen der Codeausführung vergleichen.
Anwendungspanel - Es zeigt mehrere interessante Webseiteneigenschaften an. Es kann Speicher, Datenbanken und Caches über das Panel überprüfen und verwalten.
Sicherheitspanel - Es kann überprüfen, ob die Seite, die Sie gerade anzeigen, sicher ist oder nicht. Es kann auch seine Herkunft untersuchen. Entwickler können damit Sicherheitsprobleme beheben und sicherstellen, dass HTTPS entsprechend implementiert ist.
Audit-Panel - Es bedarf keiner exklusiven Beschreibung, da es selbsterklärend ist. Mit dieser Funktion können Sie Ihre Website überprüfen. Die erhaltenen Ergebnisse können Ihnen helfen, die Qualität Ihrer Website zu verbessern.
Lesen: Beim Starten der Profiling-Sitzung in Edge DevTools ist ein Fehler aufgetreten.
2] Erweiterungen
Edge unterstützt zwar Erweiterungen, aber für das DevTool sind derzeit keine Erweiterungen verfügbar. Stattdessen müssen Sie Erweiterungen aus dem Erweiterungsspeicher von Drittanbietern installieren, z. Chrome-Webstore.
- Klicken Sie auf die drei Punkte oder das Menüsymbol oben links in Edge. Klicke auf Erweiterungen.
- Aktivieren Sie in der unteren linken Ecke der Seite "Erweiterungen" den Schalter für Erweiterungen von anderen Stores zulassen.
- Navigieren Sie als Nächstes zum Chrome Web Store und öffnen Sie die Erweiterung, die mit DevTools funktioniert, z.G., ReAct-Entwicklertool von Facebook.
- Klicken Sie auf Add to Chrome und die DevTools-Erweiterung wird zu Microsoft Edge hinzugefügt!
In einfachen Worten, so installieren Sie eine Chrome-Erweiterung auf Edge. Seien Sie jedoch gewarnt, wenn es sich um eine reine Chrome-Erweiterung handelt oder nicht, da Microsoft einige der Chromium-Dienste und -Funktionen entfernt hat.
Der neue Edge-Browser wird mit dem nächsten Feature-Update von Windows 10 verfügbar sein. Wenn Sie eine Website oder ein Unternehmen haben, das von Edge abhängig ist, ist es besser, sich im Voraus vorzubereiten.
Für eine ausführliche Lektüre besuchen Sie Microsoft.com.