Débogage Javascript intégré à Visual Studio avec Windows 10 Edge
Existe-t-il un moyen d'activer le débogueur Javascript intégré à Visual Studio avec Windows 10 Edge? Je parle de la fonctionnalité permettant de parcourir le code, de définir des points d'arrêt, etc. depuis l'intérieur de l'IDE de Visual Studio. J'utilise Visual Studio 2012 et 2013, peut-être que cela peut être réalisé avec 2015?
Cette fonctionnalité a finalement été ajoutée à Visual Studio 2017 15.7.
Débogage JavaScript avec Microsoft Edge
La mise à jour Windows 10 avril 2018 est également nécessaire, car elle contient le protocole Microsoft Edge DevTools .
TLDR;
Une fois qu'il est exécuté dans Edge, utilisez Debug> Attacher au processus à partir de Visual Studio Community 2015.
- Joindre à:
Script code - Processus disponibles:
MicrosoftEdgeCP.exe
Pas
- Facultatif: Définissez Edge comme navigateur par défaut.
- Ouvrez votre projet dans Visual Studio.
- Ajoutez des points d'arrêt dans votre JavaScript.
- Dans l'explorateur de solutions, sélectionnez votre projet.
- Utilisez
Ctrl+Shift+Wpour "Afficher dans le navigateur". - Si vous avez effectué l'étape 1, il s'ouvrira dans Edge. Sinon, copiez l'URL dans Edge.
- Une fois qu'il est exécuté dans Edge, dans Visual Studio, accédez à Debug> Attacher au processus.
- Dans la zone "Attacher à", sélectionnez "Code de script".
- Dans "Processus disponibles", choisissez "MicrosoftEdgeCP.exe".
- Cliquez sur attacher et actualisez la page dans Edge.
- Vous allez maintenant déboguer à partir de l'IDE de Visual Studio.
Définir le navigateur par défaut
Joindre Visual Studio à Edge Script
Débogage
Ce qui précède fonctionne dans Visual Studio Community 2015 et peut également fonctionner dans des versions précédentes. Hourra!
Utilisation de: Microsoft EdgeHTML 18.17763, MS Visual Studion 15.9.5
Tout ce que je devais faire était le suivant: Dans VS ... cliquez sur Debug -> Options. Sous Debugging-General..., cochez Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE) Lors du prochain lancement de Edge depuis VS, vous verrez l'icône bleue Developer Tools Server à côté de la barre d'adresse . 