Где читать консольные сообщения из background.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"
  ]
}

background.js:

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

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

ОТВЕТЫ

Ответ 1

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

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

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

Новый интерфейс:

enter image description here enter image description here

Старый интерфейс:

image

Ответ 2

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

снимок экрана установки на вкладке консоли в хром-dev-инструментах

Ответ 3

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

если вы хотите увидеть файл content_script js (когда свойство "background" не установлено) в manifest.json

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

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

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

Ответ 4

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

введите описание изображения здесь

Ответ 5

Как и в случае с Михелем, у меня была забавная консольная конфигурация: фильтр, который я не помню, установил:

enter image description here

После очистки фильтра я увидел сообщения.

Ответ 6

У меня тоже была эта проблема. Кажется, что моя веб-страница не обновлялась до недавно сохраненного скрипта. Это было решено нажатием Ctrl + refresh (или Ctrl + F5) в браузере Chrome.