hoe webapps buiten de browser te debuggen

druk op F12 in de meeste webbrowsers en u zult een set van debugging tools zien die u een diep inzicht geven in hoe uw code werkt. Het is een krachtige set van tools, en een die is een van de meer belangrijke ontwikkelaar gerichte functies in Microsoft ‘ s Edge browser.

maar het web verandert, en moderne applicatieontwikkelingstechnieken veranderen mee. Je bouwt nu apps die afhankelijk zijn van webtechnologieën, maar die geen deel uitmaken van het web. Tools zoals React Native Windows, Electron, de WebView controls in Universal Windows Platform (UWP) apps, en progressive web apps (PWA)s zijn nu onderdeel van uw dagelijkse ontwikkeling workflow, dus je hebt tools zoals de F12 mix van debuggers, profilers en explorers nodig om uw nieuwe code te testen.

debuggen van het web zonder browser

veel van de stukken die u nodig hebt om deze nieuwe ontwikkeltools te bouwen zijn hier al. Technologieën zoals het WebDriver-protocol maken afstandsbediening van browsers en andere web-rendering-diensten mogelijk, terwijl WebSockets u snelle directe verbindingen tussen web-based clients en servers biedt. Samen vormen ze de basis voor een op afstand bestuurbare debugomgeving, met een lokale server die draait in een webbrowser die gegevens kan leveren van in-browser en in-app instrumentatie en van directe toegang tot de DOM en de JavaScript-engine.

als u uw browsers op afstand kunt bedienen voor het testen, waarom scheidt u dan niet de bekende F12 debugging tools van de browser en gebruikt u ze van uw ontwikkelingspcs? Dat is wat Microsoft ‘ s Edge team heeft gedaan, met de Windows Store release van de Edge Dev Tools.

Edge Dev Tools is een standalone UWP app, die verbinding kan maken met lokale en externe browser sessies, klaar om te beginnen met debuggen op meerdere apparaten en meerdere schermen. Het is klaar voor nieuwe gebruikersinteracties en nieuwe apparaatformaten, dus als je bijvoorbeeld HoloLens gebruikt met SharePoint ‘ s nieuwe augmented-reality portal, kun je een USB-aansluiting op je headset gebruiken om een WebVR of Babylon te testen.js inhoud in uw site.