Appuyez sur F12 dans la plupart des navigateurs Web et vous verrez un ensemble d’outils de débogage qui vous donnent un aperçu approfondi du fonctionnement de votre code. C’est un ensemble puissant d’outils, et c’est l’une des fonctionnalités les plus importantes axées sur les développeurs du navigateur Edge de Microsoft.
Mais le Web change et les techniques modernes de développement d’applications changent avec lui. Vous créez maintenant des applications qui reposent sur des technologies Web mais qui ne font pas partie du Web. Des outils tels que React Native Windows, Electron, les contrôles WebView dans les applications UWP (Universal Windows Platform) et les applications Web progressives (PWA) font désormais partie intégrante de votre flux de développement quotidien, vous avez donc besoin d’outils tels que le mélange de débogueurs, de profileurs et d’explorateurs F12 pour tester votre nouveau code.
Déboguer le Web sans le navigateur
Beaucoup de pièces dont vous avez besoin pour créer ces nouveaux outils de développement sont déjà là. Des technologies telles que le protocole WebDriver permettent le contrôle à distance des navigateurs et d’autres services de rendu Web, tandis que WebSockets vous offre des connexions directes à haut débit entre les clients et les serveurs basés sur le Web. Ensemble, ils constituent la base d’un environnement de débogage contrôlé à distance, avec un serveur local fonctionnant dans un navigateur Web qui peut fournir des données à partir d’une instrumentation intégrée au navigateur et à l’application et d’un accès direct au DOM et au moteur JavaScript.
Si vous pouvez contrôler à distance vos navigateurs pour les tester, pourquoi ne pas séparer ces outils de débogage F12 familiers du navigateur et les utiliser à partir de vos PC de développement? C’est ce que l’équipe Edge de Microsoft a fait, avec la sortie du Windows Store de ses outils de développement Edge.
Edge Dev Tools est une application UWP autonome, qui peut se connecter à des sessions de navigateur locales et distantes, prête à démarrer le débogage sur plusieurs appareils et plusieurs écrans. Il est prêt pour de nouvelles interactions avec les utilisateurs et de nouveaux formats d’appareils, donc si vous utilisez, par exemple, HoloLens avec le nouveau portail de réalité augmentée de SharePoint, vous pouvez utiliser une connexion USB à votre casque pour tester n’importe quel WebVR ou Babylon.contenu js dans votre site.
Pour continuer à lire cet article inscrivez-vous maintenant
En savoir plus Les utilisateurs existants Se connectent
