web-dev-qa-db-fra.com

Comment déboguer (uniquement) JavaScript dans Visual Studio?

Je développe une application Web (asp.net mvc 4) avec Microsoft Visual Studio 2012 et, à mesure que la solution s'agrandit, le débogage ralentit.

Besoin de savoir s'il existe un moyen de déboguer uniquement mon côté client (javascript) sur Visual Studio au lieu de l'application entière (serveur + client).

Est-il possible d'attacher au processus de IE et d'obtenir les points d'arrêt fonctionnent ....?

Pas intéressé à obtenir le débogueur en cours d'exécution sur toute l'application client/serveur, seulement client.

javascriptvisual-studiodebugging
40
Flavio Oliveira

Commencez par ouvrir Visual studio ..sélectionnez votre projet dans la solution Explorer..Cliquez avec le bouton droit de la souris et choisissez l’option "Parcourir avec", puis définissez IE comme navigateur par défaut.

enter image description here Maintenant ouvert IE ..go to
Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer). puis cliquez sur Apply et OK et vous avez terminé ..

Vous pouvez maintenant définir des points d'arrêt dans votre fichier JS, puis appuyer sur le bouton de débogage dans VS ..

enter image description here

EDIT: - Pour une application Web asp.net, cliquez avec le bouton droit de la souris sur la page de démarrage (par exemple, default.aspx) et suivez les mêmes étapes. :)

30
Pranav

Oui, vous pouvez placer le point d'arrêt sur la page côté client dans Visual studio.

Commencez par placer le débogueur en code de script Java et exécutez la page dans le navigateur.

débogueur

enter image description here

Après cela, ouvrez votre page dans le navigateur et affichez l'élément inspecté. La vue suivante s'affiche.

enter image description here

7
Kamran

Le débogueur doit automatiquement se connecter au navigateur avec Visual Studio 2012. Vous pouvez utiliser le mot clé debugger pour vous arrêter à un moment donné de l'application ou utiliser le breakpoints directement dans VS.

Vous pouvez également détacher le débogueur par défaut dans Visual Studio et utiliser les outils de développement fournis avec Internet Explorer ou FireBug, etc.

Pour ce faire goto Visual Studio -> Debug -> Detatch All puis cliquez sur Démarrer le débogage dans Internet Explorer. Vous pouvez ensuite définir des points d'arrêt à ce niveau. enter image description here

6
Darren

Pour déboguer le code JavaScript dans VS2015, il n’est pas nécessaire de

  1. Activation du débogage de script dans IE Options -> onglet Avancé
  2. Écriture d'une déclaration de débogueur en code JavaScript

L'attachement IE n'a pas fonctionné, mais voici une solution de contournement.

Sélectionnez IE

enter image description here

et appuyez sur F5. Cela va attacher les deux processus de travail et IE comme montré ici- enter image description here

Si le débogage du code serveur ne vous intéresse pas, déconnectez-le de la fenêtre Processus. enter image description here

Vous continuerez à faire face à la lenteur lorsque vous appuierez sur F5 et que tout votre code serveur sera compilé et chargé dans VS. Notez que vous pouvez détacher et attacher à nouveau l'instance IE lancée à partir de VS. Les points d'arrêt JavaScript sont touchés de la même manière que dans le code côté serveur.

4
Vikash Gupta

Il est possible de déboguer en écrivant la clé Word "débogueur" pour indiquer l'endroit où vous souhaitez déboguer et en appuyant simplement sur la touche F5 pour déboguer le code JavaScript.

http://www.aspsnippets.com/Articles/Debug-JavaScript-and-jQuery-using-Visual-Studio-in-Internet-Explorer-browser.aspx

4
StepUp