Accédez à la console background.js étendue et aux outils de développement

Question

Je viens de commencer à utiliser l'extension Google Chrome et je n'arrive pas à me connecter à la console depuis l'arrière-plan js. Je ne trouve pas non plus de message d'erreur lorsqu'une erreur se produit (par exemple en raison d'une erreur de syntaxe).

Mon fichier manifeste :

{
  "name": "Ma première extension",
  "version": "1.0",
  "version_manifeste": 2,
  "description": "La première extension que j'ai réalisée.",
  "action_navigateur": {
    "default_icon": "icon.png"
  },
  "arrière-plan": {
    "scripts": ["background.js"]
  },
  "autorisations": [
    "Capture de page",
    "onglets"
  ]
}</pré>
<p>Background.js :</p>
<pre class="brush:php;toolbar:false;">alert("ici");
console.log("Bonjour tout le monde !")

Lorsque je charge l'extension, l'alerte apparaît, mais je ne vois rien enregistré sur la console. Qu'ai-je fait de mal?

Answer 1

J'ai eu le même problème, dans mon cas, la connexion dans l'onglet console des outils de développement Chrome était définie sur "Tout masquer". Je n'avais même pas réalisé que c'était une option et je ne me souviens pas de l'avoir désactivé

Answer 2

Vous regardez au mauvais endroit. Ces messages de console n'apparaissent pas dans la page Web, mais apparaissent dans une page d'arrière-plan invisible (ManifestV2) ou Service Worker (ManifestV3).

Pour voir la bonne console pour les outils de développement ouverts dans le contexte du script d'arrière-plan :

1. Visitez chrome://extensions/ ou faites un clic droit sur l'icône de l'extension et sélectionnez « Gérer l'extension ».
2. Activer le mode développeur
3. Cliquez sur le lien nommé 后台页面 (ManifestV2) 或服务工作线程 (ManifestV3).

Capture d'écran de l'extension ManifestV2 :

Capture d'écran de l'extension ManifestV3 :