depurar - Google Chrome Javascript Debugger y secuencias de comandos de contenido

depurar javascript chrome

Question

Esta pregunta se ha formulado de manera similar before , pero parece que no puedo depurar Javascript en Google Chrome.

Si voy a la página> Desarrollador, el "Debug Javascript" ( Ctrl + Shift + L ) está deshabilitado. Alt + ` no funciona.

Estoy desarrollando una extensión ''script de contenido'', así que estoy lanzando Chrome con --enable-extensions .

Lo que idealmente me gustaría hacer es establecer puntos de interrupción y paso / ejecutar a través de mi secuencia de comandos a medida que se ejecuta. Estoy un poco loco cuando se trata de JavaScript, por lo que se agradece cualquier orientación.

Puedo acceder a la "Consola de JavaScript", pero no puedo encontrar las secuencias de comandos de contenido dentro de eso. Tampoco estoy seguro de cómo eso difiere del ''Depurador de JavaScript''.

Estoy usando la última versión de desarrollo de Chrome (2.0.181.1) en Windows XP.

Answer 1

Haga clic derecho y seleccione Inspeccionar elemento, allí encontrará el depurador JS, entre otras herramientas de depuración. El depurador JS debería permitirle establecer puntos de interrupción, etc.

Answer 2

Lo que tienes que hacer es habilitar tu extensión, luego en Chrome haz clic en "Desarrollador" -> "Consola de Javascript". Luego haga clic en la pestaña "Scripts". Después de eso, debería ver una lista justo debajo de todos los scripts cargados. Verá scripts para la página actual, así como todos los scripts para las extensiones que haya instalado. (Si no ve los scripts enumerados después de abrir la consola, puede que tenga que actualizar)

Parece que a todas las extensiones de Chrome se les asigna una ID única. Puede encontrar su ID viendo la página Extensiones de Chrome en el Modo de desarrollador.

Luego, solo es cuestión de buscar entre los guiones en el menú desplegable del guión. Seleccione su secuencia de comandos y puede establecer puntos de interrupción, etc.

Hay mucha más información sobre las herramientas de desarrollo de Chrome aquí: http://www.chromium.org/devtools

Answer 3

Pon el siguiente comando en tu script:

debugger;

Eso lanzará el depurador de Javascript cuando llegue a ese punto

Answer 4

Todas estas respuestas parecen estar desactualizadas, y como esta clasificación ocupa un lugar destacado en Google, aquí está la respuesta actualizada:

En Chrome presione CTRL+SHIFT+i para mostrar las herramientas de desarrollador.

Seleccione ''Fuentes''

Haga clic en la flecha pequeña que le permite seleccionar entre los guiones

Luego seleccione ''Guiones de contenido''

A continuación, deberá conocer la identificación de su extensión (disponible en la página de extensiones de gestión de Chrome) para acceder a sus scripts y depurarlos como de costumbre.