page other kit extension development debugger debug chrome debugging google-chrome

debugging - other - debug web page



Acerca de la depuración de la extensión de Chrome (3)

Hoy en día, debe instalar una extensión de Chrome para poder inspeccionar la vista de una página, específicamente las aplicaciones y extensiones de Chrome Develop and Debug

Estoy aprendiendo extensión de chrome por ejemplo. Aquí está el ejemplo que estoy aprendiendo actualmente: http://www.chrome-extensions.net/extensions/mappy/

Hay tres archivos JavaScript en este proyecto de ejemplo: background.js mappy_content_script.js popup.js.

"mappy_content_script.js" se muestra en el cuadro combinado de la pestaña Scripts de las Herramientas del desarrollador.
Se puede encontrar "popup.js" si hago clic derecho en el icono de la extensión y selecciono "Inspeccionar ventana emergente".

El problema es que no puedo depurar "background.js" o encontrarlo en las Herramientas del desarrollador. Intenté insertar "depurador"; en este archivo de JavaScript. También intenté usar la herramienta de creación de perfiles para grabar la ejecución del script. Sin embargo, cuando hago clic en el enlace de "background.js", aparece una página en blanco.

¿Es esto un error de cromo o me perdí algo? Gracias


Puede descargar la extensión de Chrome de la tienda utilizando, por ejemplo, este servicio: http://chrome-extension-downloader.com/ y luego cambiarle el nombre de * .crx a * .zip y descomprimirlo. ¡Disfrutar!


background.js se carga en el fondo. Para inspeccionarlo, visite chrome://extensions , busque la extensión cargada e "inspeccione vistas activas" para el script de fondo.

Editar

A continuación se muestra una captura de pantalla de la página de extensiones de chrome. Un clic en la background page del enlace abre la página de fondo para esta extensión.

Información Adicional