web-dev-qa-db-fra.com

Comment obtenir un débogage JavaScript / TypeScript complet dans Chrome avec Visual Studio (comme IE)

Existe-t-il une méthode de débogage interactif JavaScript et TypeScript dans Visual Studio en utilisant Chrome similaire aux fonctionnalités actuellement fournies avec Internet Explorer? Avec IE je peux définir un point d'arrêt en JavaScript ou TypeScript dans le IDE et parcourir le code dans l'IDE. Je ne peux pas obtenir ce même comportement avec Chrome dans Visual Studio.

16
ASA2

Pour une expérience de débogage entièrement intégrée avec n'importe quelle application basée sur JavaScript/navigateur et Visual Studio, vous devrez utiliser Internet Explorer dès aujourd'hui. Lorsque TypeScript se compile en JavaScript, le débogage intégré nécessite également Internet Explorer.

Le "truc" que j'utilise souvent si je veux utiliser un autre navigateur est d'ajouter un debugger; instruction quelque part dans mon code TypeScript/JavaScript et que les outils de développement s'ouvrent dans Chrome ..., et l'exécution s'arrêtera alors sur cette instruction. Tant que les sources-maps sont activées, vous devriez voir votre code TypeScript d'origine dans la fenêtre de débogage Chrome. Vous pouvez ensuite utiliser Chrome outils de débogage pour définir d'autres points d'arrêt. Si le fichier ne change pas) , les points d'arrêt seront conservés à partir d'un "rafraîchissement" de la page.

Cela ne me permet pas de définir des points d'arrêt dans Visual Studio, mais c'est toujours efficace et fonctionne assez bien pour mon développement.

Mise à jour avril 2016

Comme certains l'ont souligné dans les commentaires, il existe un moyen d'améliorer le fonctionnement, bien que l'expérience ne soit pas aussi complète que pour Internet Explorer. Suivez les étapes décrites ici . Cela implique de démarrer Chrome avec une ligne de commande personnalisée (pour activer le débogage à distance):

chrome.exe --remote-debugging-port=9222

Et puis attacher au processus Chrome avec le débogage WebKit activé. Vous pouvez ajouter un navigateur personnalisé pour faciliter le lancement de Chrome.

Adding Custom Browser

(Mais, j'ajouterai que je n'ai pas réussi à faire fonctionner cela d'une manière que je trouve utile et cohérente, d'autant plus que j'utilise Chrome = pour la plupart des autres navigations Web.)

8
WiredPrairie