¿Dónde se pueden leer los mensajes de consola de background.js en una extensión de Chrome?

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 syntax, 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/ .
También puede hacer clic con el botón derecho en el ícono de la extensión y luego hacer clic en “Administrar extensiones”.

  1. Habilitar modo desarrollador
  2. Haga clic en el enlace de su página de fondo (en “Inspección de vistas”).
  3. La consola de desarrollador se abre para esta página .

Nueva interfaz de usuario:

enter image description here enter image description here

Vieja interfaz de usuario:

imagen

Tuve el mismo problema, en mi caso, el registro se estableció en “Ocultar todo” en la pestaña de la consola en las herramientas de desarrollo de Chrome. Ni siquiera me había dado cuenta de que esta era una opción, y no puedo recordar apagarla

captura de pantalla de la configuración en la pestaña de la consola en las herramientas de desarrollo de Chrome

Adicionalmente

si quieres ver el archivo content_script js (cuando la propiedad “background” no está configurada) en manifest.json

 "content_scripts": [{ "matches": [""], "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.

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.

enter image description here