google-chrome-extension
Integración de herramientas de desarrollador

Indicaciones de punto de interrupción programáticas

Agregue la declaración del depurador en su script de contenido

var foo = 1;
debugger;

foo = 2;

Abra la Herramienta del desarrollador en la página web donde se inyecta su secuencia de comandos de contenido para ver la pausa de ejecución del código en esas líneas.

Depuración de la página de fondo / script

El script de fondo es como cualquier otro código JavaScript. Puedes depurarlo usando las mismas herramientas que depurasas de otro código JavaScript en Chrome.

Para abrir Chrome Developer Tools, vaya a chrome://extensions y active el modo de desarrollador :

Ahora puedes depurar cualquier extensión que tenga una página de fondo o un script. Simplemente desplácese hasta la extensión que desea depurar y haga clic en el enlace de la página de fondo para inspeccionarlo.

Sugerencia: para volver a cargar la extensión, puede presionar F5 dentro de la ventana de herramientas del desarrollador. Puede poner puntos de interrupción en el código de inicialización antes de volver a cargar.

Consejo: Al hacer clic con el botón derecho en el botón de acción de la extensión y seleccionar "Administrar extensiones", se abrirá la página de chrome://extensions desplazada a esa extensión.

Depurando la ventana emergente

Tienes 2 formas de depurar la ventana emergente. Ambas formas son mediante el uso de Chrome DevTools.

Opción 1: haga clic derecho en el botón de acción de la extensión y elija Inspeccionar ventana emergente

Opción 2: Abra la ventana emergente, directamente en su navegador como una pestaña.

Por ejemplo, si su ID de extensión es abcdefghijkmnop , y su archivo emergente html es popup.html . Ir a la dirección y navegar a:

chrome-extension://abcdefghijklmnop/popup.html

Ahora ves el poup en la pestaña regular. Y puedes presionar F12 para abrir las herramientas de desarrollo.