En primer lugar, probablemente debería revisar el tutorial sobre cómo depurar extensiones de cromo aquí:
http://code.google.com/chrome/extensions/tut_debugging.html
En caso de duda, siempre se puede utilizar la palabra clave debugger
directamente en el código JavaScript en la que desea iniciar el depurador, así:
element.addEventListener("mouseover", function() {
debugger;
// some JS handler code...
});
Dependiendo de si su JS está en una ventana emergente, fondo de la página, o en un script de contenido, tendrá que asegurarse de que inicie las herramientas dev desde la derecha pl as.
Para una ventana emergente, es necesario hacer clic derecho sobre el icono de la extensión y "Inspeccionar emergente" y luego desde la consola de JavaScript que se necesita para ejecutar location.reload(true)
Para una página de fondo, tiene que ir a las extensiones página de configuración, chrome://settings/extensions
, active el modo de desarrollador, expanda la extensión en cuestión y haga clic en el enlace de la página de fondo.
La secuencia de comandos de contenido debe ser visible directamente desde la página en la que se carga.
Creo que una aclaración podría ayudar aquí. ¿A qué te refieres con "señalar directamente el código de evento de tu mouse"? – ronme
@ronme supongamos que estoy depurando js de algunas páginas, escuchando todo el evento de mousedown, devtools mostrará el controlador de mousedown registrado en el código js de la extensión. ¿Hay alguna manera de mostrar el controlador de mousedown en js de la página directamente? – barcahead
en el depurador, debería poder elegir qué archivo js está buscando. Una vez que elija el archivo js de la página, podrá establecer un punto de interrupción allí. ¿Eso no funciona? – ronme