Débogueur Javascript de Google Chrome et contenu scripts

Question

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

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

Je développe une extension 'content script' et je lance donc chrome avec --enable-extensions .

L'idéal serait de définir des points d'arrêt et de parcourir mon script au fur et à mesure de son exécution. Je suis un peu dépassé quand il s'agit de JavaScript, donc tout conseil est apprécié.

Je peux accéder à la 'Console JavaScript', mais je ne trouve pas le contenu scripts à l'intérieur de celle-ci. Je ne sais pas non plus en quoi cela diffère du 'Débogueur JavaScript'.

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

Answer 1

Mettez la commande suivante dans votre script :

debugger;

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

Answer 2

Ces réponses semblent toutes obsolètes, et puisque cette question est bien référencée dans Google, voici la réponse la plus récente :

Dans la presse Chrome CTRL+SHIFT+i pour faire apparaître les outils de développement.

Sélectionnez "Sources".

Cliquez sur la petite flèche qui vous permet de choisir parmi les scripts.

Sélectionnez ensuite "Contenu scripts".

Vous devrez alors connaître l'identifiant de votre extension (disponible sur la page de gestion des extensions de chrome) pour accéder à vos scripts et les déboguer normalement.

Answer 3

Cliquez avec le bouton droit de la souris et sélectionnez Inspecter l'élément. Vous y trouverez le débogueur JS, parmi d'autres outils de débogage. Le débogueur JS devrait vous permettre de définir des points d'arrêt, etc.

Answer 4

Ce que vous devez faire, c'est activer votre extension, puis dans Chrome, cliquez sur "Developer" -> "Javascript Console". Puis 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 pour la page actuelle ainsi que tous les scripts pour toutes les extensions que vous avez installées. (Si vous ne voyez pas de scripts listés après avoir ouvert la console, vous devrez peut-être rafraîchir).

Il semble que toutes les extensions Chrome se voient attribuer un identifiant unique. Vous pouvez connaître votre ID en consultant la page des extensions Chrome en mode développeur.

Il suffit ensuite de rechercher votre scripts dans la liste déroulante pour trouver votre scripts. Sélectionnez votre scripts et vous pouvez définir des points d'arrêt, etc.

Il y a beaucoup plus d'informations sur les outils de développement de Chrome ici : http://www.chromium.org/devtools

Answer 5

Je suis également un peu confus à ce sujet. Sur mon ordinateur personnel, le bouton "scripts" est présent. Sur mon ordinateur professionnel, il ne l'est pas. Je ne sais pas vraiment quelle est la différence entre les deux installations. Ils sont généralement installés/mises à jour en même temps (le même jour au moins).