extensión google chrome :: console.log () de la página de fondo?

Si llamo console.log('something');desde la página emergente, o cualquier script incluido, funciona bien.

Sin embargo, como la página de fondo no se ejecuta directamente desde la página emergente, no se incluye en la consola.

¿Hay alguna manera de que console.log()aparezca en la página de fondo para aparecer en la consola para la página emergente?

¿hay alguna forma de, desde la página de fondo llamar a una función en la página emergente?

Cualquier página de extensión (excepto los scripts de contenido ) tiene acceso directo a la página de fondo a través de chrome.extension.getBackgroundPage().

Eso significa que, dentro de la página emergente , puedes hacer lo siguiente:

chrome.extension.getBackgroundPage().console.log('foo');

Para que sea más fácil de usar:

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

Ahora, si desea hacer lo mismo dentro de los scripts de contenido , debe usar Pasar mensajes para lograrlo. La razón, ambos pertenecen a diferentes dominios, lo que tiene sentido. Hay muchos ejemplos en la página de Pases de mensajes para que los revises.

Espero que aclare todo.

Puede abrir la consola de la página de fondo si hace clic en el enlace "background.html" en la lista de extensiones.

Para acceder a la página de fondo que corresponde a sus extensiones, abra Settings / Extensionso abra una nueva pestaña e ingrese chrome://extensions. Verás algo como esta captura de pantalla.

Debajo de su extensión, haga clic en el enlace background page. Esto abre una nueva ventana. Para la muestra de menú contextual de la ventana tiene el título: _generated_background_page.html.

Para responder su pregunta directamente, cuando llama console.log("something")desde el fondo, este mensaje se registra en la consola de la página de fondo. Para verlo, puede ir chrome://extensions/y hacer clic en eso inspect viewdebajo de su extensión.

Cuando hace clic en la ventana emergente, se carga en la página actual, por lo que console.log debería mostrar un mensaje de registro en la página actual.

Todavía puede usar console.log (), pero se registra en una consola separada. Para verlo, haga clic derecho en el icono de extensión y seleccione "Inspeccionar ventana emergente".

La solución más simple sería agregar el siguiente código en la parte superior del archivo. Y de lo contrario, puede utilizar todas las API completas de la consola Chrome como lo haría normalmente.

 console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc

const log = chrome.extension.getBackgroundPage().console.log;
log('something')

Abrir registro:

• Abierto: chrome: // extensiones /
• Detalles> Página de fondo

Intente esto, si desea iniciar sesión en la consola de la página activa:

chrome.tabs.executeScript({
    code: 'console.log("addd")'
});

En relación con la pregunta original, me gustaría agregar a la respuesta aceptada por Mohamed Mansour que también hay una manera de hacer que esto funcione al revés:

Puede acceder a otras páginas de extensión (es decir, página de opciones, página emergente) desde la página de fondo / script con la chrome.extension.getViews()llamada. Como se describe aquí .

 // overwrite the console object with the right one.
var optionsPage = (  chrome.extension.getViews()  
                 &&  (chrome.extension.getViews().length > 1)  ) 
                ? chrome.extension.getViews()[1] : null;

 // safety precaution.
if (optionsPage) {
  var console = optionsPage.console;
}

Es una publicación antigua, con buenas respuestas, pero agrego mis dos bits. No me gusta usar console.log, prefiero usar un registrador que inicie sesión en la consola, o donde quiera, así que tengo un módulo que define una función de registro un poco como esta

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

Cuando llamo log ("este es mi log") escribirá el mensaje tanto en la consola emergente como en la consola de fondo.

La ventaja es poder cambiar el comportamiento de los registros sin tener que cambiar el código (como deshabilitar los registros para la producción, etc.)

Para obtener un registro de consola de una página de fondo, debe escribir el siguiente fragmento de código en su página de fondo background.js:

chrome.extension.getBackgroundPage (). console.log ('hola');

Luego cargue la extensión e inspeccione su página de fondo para ver el registro de la consola.

¡¡Adelante!!