så här felsöker du webbappar utanför webbläsaren

tryck på F12 i de flesta webbläsare så ser du en uppsättning felsökningsverktyg som ger dig en djup inblick i hur din kod fungerar. Det är en kraftfull uppsättning verktyg, och en som är en av de viktigaste utvecklarfokuserade funktionerna i Microsofts Edge-webbläsare.

men webben förändras, och moderna applikationsutvecklingstekniker förändras med den. Du bygger nu appar som är beroende av webbteknik men som inte ingår i webben. Verktyg som React Native Windows, Electron, WebView-kontrollerna i Universal Windows Platform (UWP) – appar och progressive web apps (PWA)är nu en del av ditt dagliga utvecklingsarbetsflöde, så du behöver verktyg som F12-blandningen av debuggers, profilers och explorers för att testa din nya kod.

felsökning av webben utan webbläsaren

många av de bitar du behöver för att bygga de nya utvecklingsverktygen finns redan här. Tekniker som WebDriver-protokollet tillåter fjärrkontroll av webbläsare och andra webbrenderingstjänster, medan WebSockets ger dig snabba direkta anslutningar mellan webbaserade klienter och servrar. Tillsammans är de grunden för en fjärrstyrd felsökningsmiljö, med en lokal server som körs i en webbläsare som kan leverera data från in-browser och in-app instrumentering och från direkt åtkomst till DOM och till JavaScript-motorn.

om du kan fjärrstyra din webbläsare för att testa, varför inte separera de välbekanta F12 felsökning verktyg från webbläsaren och använda dem från din utveckling datorer? Det är vad Microsofts Edge-team har gjort, med Windows Store-utgåvan av sina Edge Dev-verktyg.

Edge Dev Tools är en fristående UWP-app som kan ansluta till lokala och fjärranslutna webbläsarsessioner, redo att starta felsökning över flera enheter och flera skärmar. Det är redo för nya användarinteraktioner och nya enhetsformat, så om du använder HoloLens med SharePoints nya augmented reality-portal kan du använda en USB-anslutning till ditt headset för att testa vilken WebVR eller Babylon som helst.js innehåll på din webbplats.

för att fortsätta läsa den här artikeln registrera dig nu

Läs Mer befintliga användare logga in

Write a Comment

Din e-postadress kommer inte publiceras.