web-dev-qa-db-fra.com

Google Chrome Débogueur Javascript et scripts de contenu

Cette question a été posée de la même manière avant , mais je n'arrive pas à déboguer Javascript dans Google Chrome.

Si je vais sur Page> Développeur, le "Debug Javascript" (Ctrl+Shift+L) est désactivé. Alt + ` ne fonctionne pas.

Je développe une extension "script de contenu", donc je lance chrome avec --enable-extensions.

Idéalement, ce que j'aimerais faire, c'est définir des points d'arrêt et parcourir/exécuter mon script pendant son exécution. Je suis un peu au-dessus de ma tête en ce qui concerne JavaScript, donc tout conseil est apprécié.

Je peux accéder à la "console JavaScript", mais je ne trouve pas les scripts de contenu à l'intérieur. Je ne sais pas non plus en quoi cela diffère du "débogueur JavaScript".

J'utilise la dernière version Dev de Chrome (2.0.181.1) sous Windows XP.

javascriptgoogle-chromescript-debugging
39
Clayton Hughes

Ces réponses semblent toutes obsolètes, et comme cela se classe très bien dans Google, voici la réponse à jour:

Dans Chrome appuyez sur CTRL+SHIFT+i pour afficher les outils de développement.

Sélectionnez "Sources"

Cliquez sur la petite flèche qui vous permet de sélectionner parmi les scripts enter image description here

Sélectionnez ensuite "Scripts de contenu"

enter image description here

Vous devrez ensuite connaître l'ID de votre extension (disponible sur la page chrome gérer les extensions) pour accéder à vos scripts et les déboguer normalement.

39
soupy1976

Mettez la commande suivante dans votre script:

debugger;

Cela lancera le débogueur Javascript quand il arrivera à ce point

45
Rory

Faites un clic droit et sélectionnez Inspecter l'élément, vous y trouverez le débogueur JS, entre autres outils de débogage. Le débogueur JS devrait vous permettre de définir des points d'arrêt, etc.

8
Scott

Ce que vous devez faire est d'activer votre extension, puis dans Chrome cliquez sur "Developer" -> "Javascript Console". Ensuite, cliquez sur l'onglet "Scripts". Après cela, vous devriez voir une liste juste en dessous de tous les scripts chargés. Vous verrez les scripts de la page en cours ainsi que tous les scripts des extensions que vous avez installées. (Si vous ne voyez aucun script répertorié après l'ouverture de la console, vous devrez peut-être actualiser)

Il semble que toutes les extensions Chrome Chrome obtiennent un ID unique. Vous pouvez trouver votre ID en consultant la page Chrome Extensions en mode développeur).

Ensuite, il suffit de rechercher dans les scripts dans la liste déroulante de votre script. Sélectionnez votre script et vous pouvez définir des points d'arrêt, etc.

Il y a beaucoup plus d'informations sur les Chrome Dev Tools ici: http://www.chromium.org/devtools

3
sym3tri