Расширение Chrome: background и devtool_page связь

Question

Итак, я разрабатываю расширение для Chrome, которое читает заголовки. Только background.js имеет возможность читать эти заголовки (из того, что я понял, скажите, если я ошибаюсь).

Это расширение в Devtools (F12), вот отрывок из моего манифеста:

"devtools_page": "devtools.html", 
    "permissions": [ 
     "webRequest", "<all_urls>" 
    ], 

это devtool.html имеет devtool.js, вызывающую:

chrome.devtools.panels.create('test', '/icon.png', '/panel.html', function(extensionPanel) { 
     ... 
    } 

так что у меня есть panel.html (содержащий панель.js), представляющий интерфейс.

---

Вопрос заключается в: Как я могу испускать сообщения от background.js к panel.js?

Что работает до сих пор: Панель видна в devtools, мои html и скрипты из panel.html и panel.js как и ожидалось. Я знаю, как получить консоль devtool (CTRL + SHIFT + «I» или «J» при фокусировке devtools) для отладки.

Примечание: Только у devtool.js и panel.js есть консоль.log(), записанная в этой консоли. Я не мог найти, где background.js отправляет его console.log().

---

Я проверил все от https://developer.chrome.com/extensions/messaging#simple, может быть, я сделал их неправильно. Я не могу найти, как это сделать.

---

Благодарю вас за помощь.

Answer 1

Я решил свою проблему.

Это не так, как он работает: background.js бесполезен. В panel.js, я могу назвать

chrome.devtools.network.onRequestFinished.addListener(
    function(request) { 

, которая предоставляет доступ к этим коллекторам информации:

 console.log(request.time); 
     console.log(request.request.url); 
     console.log(request.request.queryString[2]); 
     console.log(request.response.status); 
     console.log(request.response.headers[3]);