Accès à la console et aux devtools du background.js de l'extension

Question

Je viens de commencer à utiliser les extensions Google Chrome et je n'arrive pas à me connecter à la console à partir de mon js de fond. Lorsqu'une erreur se produit (à cause d'une erreur de syntaxe, par exemple), je ne trouve pas non plus de message d'erreur.

Mon fichier manifeste :

{
  "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!")

Lorsque je charge l'extension, l'alerte s'affiche mais je ne vois rien qui soit enregistré dans la console. Qu'est-ce que je fais de mal ?

Answer 1

J'ai également eu ce problème. Il semble que ma page web ne se mettait pas à jour avec le script nouvellement enregistré. Cela a été résolu en appuyant sur Ctrl + refresh (ou Ctrl + F5 ) dans le navigateur chrome.

Answer 2

Si nous voulons lire les messages imprimés dans la console à partir de la page popup, nous pouvons cliquer sur l'icône de l'extension pour ouvrir la page popup, puis faire un clic droit sur la page popup n'importe où, un menu déroulant s'affiche, il suffit de cliquer sur le menu "Inspecter" pour ouvrir l'outil de développement. Notez que la page popup doit continuer à s'ouvrir. Si elle est fermée (par window.close()), l'outil de développement sera également fermé.

Answer 3

Les autres réponses fonctionnent pour background.js mais, si vous cherchez à obtenir console.logs à partir de la fenêtre popup, vous pouvez essayer :

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

Je développais en utilisant cra, et cela a fonctionné pour moi.