estensione google chrome :: console.log () dalla pagina di sfondo?

Se chiamo console.log('something');dalla pagina popup, o qualsiasi script incluso, funziona bene.

Tuttavia, poiché la pagina di sfondo non viene eseguita direttamente dalla pagina popup, non è inclusa nella console.

C'è un modo in cui posso trovare quelli console.log()nella pagina di sfondo da mostrare nella console per la pagina popup?

c'è un modo per, dalla pagina di sfondo chiamare una funzione nella pagina popup?

Qualsiasi pagina di estensione (tranne gli script di contenuto ) ha accesso diretto alla pagina di sfondo tramite chrome.extension.getBackgroundPage().

Ciò significa che, nella pagina popup , puoi semplicemente fare:

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

Per facilitarne l'uso:

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

Ora, se vuoi fare lo stesso con gli script dei contenuti, devi usare Message Passing per raggiungere questo obiettivo. Il motivo, entrambi appartengono a domini diversi, che hanno senso. Ci sono molti esempi nella pagina di passaggio dei messaggi da provare .

Spero che cancella tutto.

Puoi aprire la console della pagina di sfondo facendo clic sul link "background.html" nell'elenco delle estensioni.

Per accedere alla pagina di sfondo corrispondente alle tue estensioni, apri Settings / Extensionso apri una nuova scheda e inserisci chrome://extensions. Vedrai qualcosa di simile a questo screenshot.

Sotto la tua estensione fai clic sul link background page. Questo apre una nuova finestra. Per il campione di menu contestuale della finestra ha il titolo: _generated_background_page.html.

Per rispondere direttamente alla tua domanda, quando chiami console.log("something")dallo sfondo, questo messaggio viene registrato nella console della pagina in background. Per vederlo, puoi andare su chrome://extensions/e fare clic su quelloinspect view sotto l'estensione.

Quando si fa clic sul popup, viene caricato nella pagina corrente, quindi console.log dovrebbe mostrare il messaggio di registro nella pagina corrente.

Puoi ancora usare console.log (), ma viene registrato in una console separata. Per visualizzarlo, fai clic con il tasto destro sull'icona dell'estensione e seleziona "Controlla popup".

La soluzione più semplice sarebbe quella di aggiungere il seguente codice nella parte superiore del file. E poi puoi usare tutte le API complete della console Chrome come faresti 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')

Apri registro:

• Aperto: chrome: // extensions /
• Dettagli> Pagina di sfondo

Prova questo, se vuoi accedere alla console della pagina attiva:

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

In relazione alla domanda originale, vorrei aggiungere alla risposta accettata da Mohamed Mansour che esiste anche un modo per farlo funzionare al contrario:

È possibile accedere ad altre pagine di interni (ad es. Pagina di opzioni, pagina popup) dall'interno della pagina di sfondo / script con la chrome.extension.getViews()chiamata. Come descritto qui .

 // 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;
}

È un vecchio post, con già buone risposte, ma aggiungo i miei due bit. Non mi piace usare console.log, preferirei usare un logger che accede alla console o dove voglio, quindi ho un modulo che definisce una funzione di registro un po 'come questa

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

Quando chiamo registro ("questo è il mio registro") scriverà il messaggio sia nella console popup che nella console in background.

Il vantaggio è di poter cambiare il comportamento dei log senza dover cambiare il codice (come disabilitare i log per la produzione, ecc ...)

Per ottenere un registro della console da una pagina di sfondo devi scrivere il seguente frammento di codice nella tua pagina di sfondo background.js -

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

Quindi caricare l'estensione e ispezionare la sua pagina di sfondo per vedere il registro della console.

Vai avanti!!