Dónde leer los mensajes de la consola desde el fondo.js en una extensión de Chrome?

Acabo de empezar 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 de 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?

Author: Rob W, 2012-04-21
Source

4 answers

Estás mirando el lugar equivocado. Los mensajes de consola registrados no aparecen en la página web, sino en la página de fondo (invisible). Para ver estos mensajes en la consola, siga estos pasos:

Visita chrome://extensions/.
También puede hacer clic derecho en el icono de la extensión, a continuación, haga clic en "Administrar extensiones".

  1. Habilitar el modo de desarrollador
  2. Haga clic en el enlace de su página de fondo (en "Inspeccionar vistas").
  3. La consola del desarrollador se abre para esto page .

Nueva interfaz de usuario:

introduzca la descripción de la imagen aquí introduzca la descripción de la imagen aquí

Antigua interfaz de usuario:

imagen

 303
Author: Rob W,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-07-06 11:29:25

Tuve el mismo problema, en mi caso, el registro se estableció en "Ocultar todo" en la pestaña de la consola en Chrome Developer tools. Ni siquiera me había dado cuenta de que esto era una opción, y no puedo recordar apagarlo

captura de pantalla de la configuración en la pestaña consola en chrome dev tools

 12
Author: Michiel,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-10 09:54:10

Además

Si desea ver el archivo content_script js ( cuando la propiedad "background" no está establecida ) en el manifiesto .json 

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

Luego Haga clic derecho en el icono de extensión y haga clic en Inspeccionar ventana emergente y la ventana del desarrollador se abre con una ventana emergente.html abierto, allí se ve la pestaña consola.

 4
Author: diEcho,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-31 01:45:29

Para los seguidores que deseen ver la consola de depuración para un "script de contenido" de su extensión de Chrome, está disponible haciendo un normal "mostrar consola de desarrollador" a continuación, utilice la flecha desplegable para seleccionar su "entorno javascript" entonces usted tendrá acceso a sus métodos, etc.

introduzca la descripción de la imagen aquí

 0
Author: rogerdpack,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-18 22:37:31