Visual Studio 2017 : Les nouveautés

Déboguer JavaScript avec Chrome

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous avez la possibilité de déboguer du JavaScript dans Visual Studio, à partir du navigateur Chrome.
03:35

Transcription

Nouveauté en ce qui concerne le débogage. Lorsque vous faites une application web, vous pouvez débuguer maintenant interactivement en utilisant Chrome. Historiquement lorsque vous voulez naviguer avec un navigateur et profiter du débogage par exemple de « JavaScript » ou de « TypeScript » avec l'interface de « Visual Studio », il fallait utiliser « Internet Explorer ». Ce que je viens de faire ici avant d'enregistrer c'est de choisir « Google Chrome » comme navigateur par défaut pour lancer une séquence de débogage avec mon application web. Ensuite, je lance l'exécution, j'ai ici un tout petit « JavaScript » avec l'événement « windows.onload » pour appeler une fonction, quelque chose de très, très simple et je lance l'exécution donc génération et exécution. Bien entendu c'est Chrome qui va s'ouvrir. Là où auparavant, vous allez le voir, j'avais dans Chrome une page blanche en attente, eh bien maintenant, il va y avoir une page qui va m'indiquer qu'on est en train de lier Chrome avec « Visual Studio ». Donc voilà, la page qui s'ouvre. Il y a un protocole qui s'appelle : « Remote Debugging Protocol » qui va permettre à Chrome et à « Visual Studio » de communiquer. Donc ici, on me dit : « l'application démarre ». Et maintenant, on peut faire du débogage en définissant des points d'arrêts. Voilà ma page qui démarre, j'ai utilisé le « Template » par défaut des projets, des applications web. Et puis, si mon « JavaScript » fonctionne correctement, « windows.onload », je devrais avoir une petite alerte qui me dit juste bonjour. Voilà : « ave ! » C'est ce que j'ai mis ici dans mon « JavaScript ». Je vais poser un point d'arrêt maintenant, directement dans « Visual Studio » sur le « onload », je reviens ici dans Chrome et je vais bien sûr rafraîchir ma page, ce qui régénère un « onload ». Et me voici directement dans le débogage de « Visual Studio » avec, vous voyez, toutes les fonctionnalités évidemment du débogage « JavaScript » de « Visual Studio ». Je vais pouvoir voir le contenu des variables, faire du pas-à-pas bien entendu. Donc c'est totalement intégré. J'enlève et je continue. Et vous allez me demander : « oui mais moi j'ai l'habitude de travailler avec le débogueur ‘JavaScript’ interne de Chrome, je n'ai pas envie que ce soit ‘Visual Studio’ qui fasse le débogage. » Faire le débogage avec « Visual Studio », ça peut être intéressant lorsque vous avez vraiment un mélange de codes « C# » et de codes « JavaScript » par exemple avec des appels de « JavaScript » vers des fonctionnalités côté serveur mais si vous avez tout votre « JavaScript » dans les fichiers « JS », ça peut valoir la peine de faire plutôt du débogage seulement dans Chrome. Les outils de débogage de Chrome sont très, très bons. Mais c'est simple, vous allez dans « Outils », « Options », « Débogage », vous allez dans « Général », on y est et vous décochez ici « Activer le débogage JavaScript pour ASP.NET » de façon à ce que « Visual Studio » ne prenne pas la main sur votre débogage et à ce moment, vous le gérez directement dans Chrome.

Visual Studio 2017 : Les nouveautés

Découvrez les fonctionnalités et les améliorations de l'environnement de développement Visual Studio 2017. Observez l’optimisation des performances, l’intégration de Docker, etc.

1h04 (15 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Visual Studio Visual Studio 2017
Spécial abonnés
Date de parution :11 avr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !