debugging - other - ¿Dónde se pueden leer los mensajes de consola de background.js en una extensión de Chrome?
google debugger (4)
Adicionalmente
si quieres ver el archivo content_script js (cuando la propiedad "background" no está configurada) en manifest.json
"content_scripts": [{
"matches": ["<all_urls>"],
"js": ["popup.js"],
}]
"browser_action": {
"default_icon": "icon_32.png",
"default_popup": "popup.html"
}
a continuación, haga clic derecho en el icono de la extensión y haga clic en Examinar ventana emergente y la ventana del desarrollador se abre con popup.html abierto, allí verá la pestaña de la consola.
Acabo de comenzar con las extensiones de Google Chrome y parece que no puedo iniciar sesión en la consola desde mi fondo js. Cuando ocurre un error (debido a un error de sintaxis, por ejemplo), tampoco puedo encontrar ningún mensaje de error.
Mi archivo manifiesto:
{
"name": "My First Extension",
"version": "1.0",
"manifest_version": 2,
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png"
},
"background": {
"scripts": ["background.js"]
},
"permissions": [
"pageCapture",
"tabs"
]
}
background.js:
alert("here");
console.log("Hello, world!")
Cuando cargo la extensión, aparece la alerta, pero no veo nada registrado en la consola. ¿Qué estoy haciendo mal?
Estás mirando el lugar equivocado. Los mensajes de la consola registrada no aparecen en la página web, sino en la página de fondo (invisible). Para ver estos mensajes en la consola, sigue estos pasos:
Visita chrome://extensions/ .
- Habilitar modo desarrollador
- Haga clic en el enlace de su página de fondo (en "Inspección de vistas").
- La consola de desarrollador se abre para esta página .
Para los seguidores que desean ver la consola de depuración para un "script de contenido" de su extensión de Chrome, está disponible haciendo una "consola de desarrollador de show" normal, luego usan la flecha desplegable para seleccionar su "entorno de JavaScript" y luego tendrán acceso a sus métodos, etc.
