Où lire les messages de la console en arrière-plan.js dans une extension Chrome?
je viens de commencer avec Google Chrome extensions et je ne peux pas sembler me connecter à la console à partir de mon arrière-plan js. Quand une erreur se produit (à cause d'une erreur de syntaxe, par exemple), Je ne trouve aucun message d'erreur non plus.
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"
]
}
alert("here");
console.log("Hello, world!")
quand je charge l'extension, l'alerte apparaît mais je ne vois rien enregistré sur la console. Ce que je fais mal?
4 réponses
vous regardez au mauvais endroit. Les messages de console connectés n'apparaissent pas dans la page web, mais dans la page d'arrière-plan (invisible). Pour voir ces messages dans la console, suivez les étapes suivantes:
Visite chrome://extensions/ .
Vous pouvez également cliquer avec le bouton droit de la souris sur l'icône de l'extension, puis cliquer sur "Gérer les extensions".
- Activer le mode développeur
- cliquez sur le lien de votre page d'arrière-plan (à "inspecter vue.)"
- la console du développeur s'ouvre pour cette page .
Nouvelle INTERFACE utilisateur:
Old UI:
j'ai eu le même problème, dans mon cas la journalisation a été réglée pour" masquer tout " dans l'onglet console dans les outils de développement Chrome. Je n'avais même pas réalisé que c'était une option, et je ne me souviens pas l'avoir désactivé
en plus
si vous voulez voir content_script fichier js ( lorsque la propriété" background "n'est pas définie ) dans manifeste.json
"content_scripts": [{
"matches": ["<all_urls>"],
"js": ["popup.js"],
}]
"browser_action": {
"default_icon": "icon_32.png",
"default_popup": "popup.html"
}
puis clic droit sur l'icône de l'extension et cliquez sur inspecter popup et la fenêtre du développeur s'ouvre avec popup.html ouvert , là, vous voyez l'onglet console.
pour les followers qui souhaitent voir la console de débogage pour un" script de contenu "de leur extension chrome, il est disponible en faisant un" show developer console "normal, puis utilisez la flèche déroulante pour sélectionner son" environnement javascript", puis vous aurez accès à ses méthodes, etc.
