Drücken Sie in den meisten Webbrowsern F12, und Sie sehen eine Reihe von Debugging-Tools, mit denen Sie einen tiefen Einblick in die Funktionsweise Ihres Codes erhalten. Es ist eine leistungsstarke Reihe von Tools, und eine, die eine der wichtigsten entwicklerorientierten Funktionen in Microsofts Edge-Browser ist.
Aber das Web verändert sich, und moderne Techniken der Anwendungsentwicklung ändern sich damit. Sie erstellen jetzt Apps, die auf Webtechnologien basieren, aber nicht Teil des Webs sind. Tools wie React Native Windows, Electron, die WebView-Steuerelemente in UWP-Apps (Universal Windows Platform) und Progressive Web Apps (PWA) sind jetzt fester Bestandteil Ihres täglichen Entwicklungsworkflows, sodass Sie Tools wie den F12-Mix aus Debuggern, Profilern und Explorern benötigen Testen Sie Ihren neuen Code.
Debuggen des Webs ohne Browser
Viele der Teile, die Sie zum Erstellen dieser neuen Entwicklungstools benötigen, sind bereits vorhanden. Technologien wie das WebDriver-Protokoll ermöglichen die Fernsteuerung von Browsern und anderen Web-Rendering-Diensten, während WebSockets direkte Hochgeschwindigkeitsverbindungen zwischen webbasierten Clients und Servern ermöglicht. Zusammen bilden sie die Grundlage für eine ferngesteuerte Debugging-Umgebung mit einem lokalen Server, der in einem Webbrowser ausgeführt wird und Daten aus der In-Browser- und In-App-Instrumentierung sowie aus dem direkten Zugriff auf das DOM und die JavaScript-Engine liefern kann.
Wenn Sie Ihre Browser zum Testen fernsteuern können, warum trennen Sie dann nicht die bekannten F12-Debugging-Tools vom Browser und verwenden sie von Ihren Entwicklungs-PCs aus? Das hat das Edge-Team von Microsoft mit der Windows Store-Version seiner Edge-Entwicklungstools getan.
Edge Dev Tools ist eine eigenständige UWP-App, die eine Verbindung zu lokalen und Remote-Browsersitzungen herstellen kann und bereit ist, das Debugging auf mehreren Geräten und Bildschirmen zu starten. Wenn Sie also beispielsweise HoloLens mit dem neuen Augmented-Reality-Portal von SharePoint verwenden, können Sie eine USB-Verbindung zu Ihrem Headset verwenden, um WebVR oder Apps zu testen.js-Inhalte auf Ihrer Website.
Um diesen Artikel weiter zu lesen, registrieren Sie sich jetzt
Erfahren Sie mehr Bestehende Benutzer anmelden
