web-dev-qa-db-fra.com

Déboguer Java Script avec Visual Studio 2015 sur Chrome ou Firefox

Je peux déboguer avec IE sans aucun problème, mais lorsque j'essaie différents navigateurs, le code ne s'arrête pas sur les points d'arrêt. J'ai un projet qui n'est actuellement pas compatible avec IE. J'utilise OpenJSCAD comme dépendance dans mon projet, j'ai donc besoin de déboguer sur Chrome ou Firefox.

Est-il possible de déboguer Java Script avec Visual Studio 2015 sur Chrome ou Firefox?

16
mrh

Vous pouvez absolument le faire, mais c'est un peu délicat à faire. Dans la barre d'outils, cliquez sur le bouton pour obtenir la liste déroulante des navigateurs à déboguer, puis cliquez sur "Parcourir avec ...". Cliquez sur "Ajouter ...", définissez le programme où que vous soyez Chrome se trouve sur votre ordinateur et définissez Arguments sur --remote-debugging-port=9222. Vous pouvez également définir Incognito car je dois ignorer le cache, mais ce n'est pas obligatoire.

enter image description here

Important! Chrome ne peut pas être démarré avant, Chrome doit redémarrer à partir de Visual Studio, sinon le débogage ne fonctionnera pas.

Après cela, passez à "Debug" -> "Attach to Process ..." -> sélectionnez l'instance chrome avec le titre de votre projet ou similaire, puis cliquez sur Attach.

enter image description here

Si tout fonctionne, vous pouvez maintenant déboguer votre Javascript dans Visual Studio et utiliser également toutes les fonctionnalités Chrome.

enter image description here

Notez que lorsque vous vous êtes attaché au processus, vous ne pouvez pas simplement arrêter le débogage sans terminer chrome.exe. Cependant, vous pouvez contourner ce problème en cliquant sur "Déboguer" -> "Détacher tout".

20
Ogglas

Le débogage Javascript dans Visual Studio n'est pas possible lorsque nous utilisons un navigateur non IE comme navigateur de débogage. Les outils de développement disponibles sur les navigateurs non IE sont la première alternative (F12) au débogage JavaScript .. Si ils n'aident toujours pas, celui-ci devrait rechercher des outils tiers comme https://www.jetbrains.com/webstorm/features/#JS_debugging

Plus d'informations sur le débogage

9
tech-gayan

J'ai eu ce problème ... Et j'ai réalisé ce qui se passait, c'était dans mon application web/javascript. J'ai eu un lien ahref target = '_ blank', qui a créé une nouvelle fenêtre hors du processus de débogage. Donc, dans la nouvelle fenêtre, pas de débogage. Lorsque dans la fenêtre VS d'origine, le débogage fonctionne. Vous pouvez soit désactiver temporairement les _blancs cibles, soit modifier manuellement l'URL dans votre fenêtre actuelle.

1
SaltyHash

N'oubliez pas de définir l'option "Code WebKit" comme option "Attacher à". Aussi, pour éviter d'avoir à démarrer un nouveau chrome chaque fois que j'utilise Chrome Canary comme processus cible).

Une chose que je trouve ennuyeuse avec cela est que les points d'arrêt placés dans les fichiers source .js d'origine sont ignorés car VS crée des fichiers de script "dynamiques" dans lesquels le débogage est effectué, je me demande si ceux-ci peuvent être synchronisés d'une manière ou d'une autre?

0
jool