Где читать консольные сообщения из фона.js в расширении Chrome?

Я только начал с расширений Google Chrome, и я не могу войти в консоль с моего фона js. Когда возникает ошибка (например, из-за синтаксической ошибки), я также не могу найти никаких сообщений об ошибках.

мой файл манифеста:

{
  "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"
  ]
}

фон.js:

alert("here");
console.log("Hello, world!")

когда я загружаю расширение, появляется предупреждение, но я не вижу, чтобы что-то регистрировалось в консоли. Что я делаю не так?

4 142
google-chrome-extension debugging console google-chrome-devtools

4 ответа:

вы смотрите не на то место. Зарегистрированные сообщения консоли отображаются не на веб-странице, а на (невидимой) фоновой странице. Чтобы просмотреть эти сообщения в консоли, выполните следующие действия:

посетить chrome://extensions/.
Вы также можете щелкнуть правой кнопкой мыши значок расширения, а затем нажать кнопку "Управление расширениями".

  1. включить режим разработчика
  2. нажмите на ссылку вашей фоновой страницы (в разделе "Проверить представления").
  3. откроется консоль разработчика для на этой странице.

новый пользовательский интерфейс:

enter image description here enter image description here

приложение:

image

303

У меня была та же проблема, в моем случае журнал был установлен на "скрыть все" на вкладке консоли в инструментах разработчика Chrome. Я даже не понял, что это был вариант, и я не могу вспомнить его выключения

screenshot of setting in console tab in chrome dev tools

12

дополнительно

Если вы хотите увидеть content_script js-файл (если свойство" фон " не задано ) в манифест.json

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

затем щелкните правой кнопкой мыши на значок расширения и нажать на кнопку проверить всплывающее и откроется окно разработчика с всплывающим окном.html открылся, там вы видите вкладку консоли.

4

для последователей, которые хотят видеть консоль отладки для " сценария содержимого "своего расширения chrome, он доступен, выполнив обычную" показать консоль разработчика", затем используйте стрелку раскрывающегося списка, чтобы выбрать свою" среду javascript", тогда у вас будет доступ к ее методам и т. д.

enter image description here

0