extension google chrome :: console.log () depuis la page d'arrière-plan?

Si j'appelle à console.log('something');partir de la page contextuelle, ou de tout script inclus, cela fonctionne bien.

Cependant, comme la page d'arrière-plan n'est pas directement exécutée depuis la page contextuelle, elle n'est pas incluse dans la console.

Y a-t-il un moyen que je puisse obtenir console.log()dans la page d'arrière-plan pour apparaître dans la console pour la page contextuelle?

existe-t-il un moyen, à partir de la page d'arrière-plan, d'appeler une fonction dans la page contextuelle?

Toute page d'extension (à l'exception des scripts de contenu ) a un accès direct à la page d'arrière-plan via chrome.extension.getBackgroundPage().

Cela signifie que dans la page contextuelle , vous pouvez simplement faire:

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

Pour faciliter son utilisation:

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

Maintenant, si vous voulez faire la même chose dans les scripts de contenu, vous devez utiliser Message Passing pour y parvenir. La raison, ils appartiennent tous les deux à des domaines différents, ce qui a du sens. Il existe de nombreux exemples dans la page de transmission de messages que vous pouvez consulter.

J'espère que tout efface.

Vous pouvez ouvrir la console de la page d'arrière-plan en cliquant sur le lien "background.html" dans la liste des extensions.

Pour accéder à la page d'arrière-plan qui correspond à vos extensions, ouvrez Settings / Extensionsou ouvrez un nouvel onglet et entrez chrome://extensions. Vous verrez quelque chose comme cette capture d'écran.

Sous votre extension, cliquez sur le lien background page. Ceci ouvre une nouvelle fenêtre. Pour l' échantillon de menu contextuel de la fenêtre a le titre: _generated_background_page.html.

Pour répondre directement à votre question, lorsque vous appelez console.log("something")depuis l'arrière-plan, ce message est consigné dans la console de la page d'arrière-plan. Pour le voir, vous pouvez aller chrome://extensions/et cliquez sur cette inspect viewsous votre extension.

Lorsque vous cliquez sur la fenêtre contextuelle, elle est chargée dans la page actuelle, donc console.log doit afficher le message du journal dans la page actuelle.

Vous pouvez toujours utiliser console.log (), mais il est connecté à une console distincte. Pour le visualiser, faites un clic droit sur l'icône de l'extension et sélectionnez "Inspecter le popup".

La solution la plus simple serait d'ajouter le code suivant en haut du fichier. Et vous pouvez utiliser toutes les API complètes de la console Chrome comme vous le feriez normalement.

 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')

Ouvrir le journal:

• Ouvrir: chrome: // extensions /
• Détails> Page de fond

Essayez ceci, si vous souhaitez vous connecter à la console de la page active:

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

En ce qui concerne la question initiale, je voudrais ajouter à la réponse acceptée par Mohamed Mansour qu'il existe également un moyen de faire fonctionner cela dans l'autre sens:

Vous pouvez accéder à d'autres pages d'extension (c.-à-d. Page d'options, page contextuelle) à partir de la page d'arrière-plan / script avec l' chrome.extension.getViews()appel. Comme décrit ici .

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

C'est un ancien post, avec déjà de bonnes réponses, mais j'ajoute mes deux morceaux. Je n'aime pas utiliser console.log, je préfère utiliser un enregistreur qui se connecte à la console, ou partout où je veux, j'ai donc un module définissant une fonction de journal un peu comme celle-ci

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

Quand j'appelle le journal ("ceci est mon journal"), il écrira le message à la fois dans la console contextuelle et dans la console d'arrière-plan.

L'avantage est de pouvoir modifier le comportement des logs sans avoir à changer le code (comme la désactivation des logs pour la production, etc ...)

Pour obtenir un journal de console à partir d'une page d'arrière-plan, vous devez écrire l'extrait de code suivant dans votre page d'arrière-plan background.js -

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

Chargez ensuite l'extension et inspectez sa page d'arrière-plan pour voir le journal de la console.

Aller de l'avant!!