розширення google chrome :: console.log () з фонової сторінки?

Якщо я дзвоню console.log('something');зі спливаючої сторінки або будь-якого скрипта, включеного, він працює добре.

Однак, оскільки фонова сторінка не працює безпосередньо зі спливаючою сторінкою, вона не входить до консолі.

Чи є спосіб, щоб я міг потрапити console.log()на фонову сторінку, щоб відобразитися на консолі для спливаючої сторінки?

Чи є можливість із фонової сторінки викликати функцію на спливаючої сторінці?

Будь-яка сторінка розширення (крім скриптів вмісту ) має прямий доступ до фонової сторінки через chrome.extension.getBackgroundPage().

Це означає, що в межах спливаючої сторінки ви можете просто зробити:

chrome.extension.getBackgroundPage().console.log('foo');

Щоб полегшити використання:

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

Тепер, якщо ви хочете зробити те ж саме у скриптах вмісту, вам потрібно скористатися передачею повідомлень, щоб досягти цього. Причина, вони обидва належать до різних областей, що має сенс. На сторінці проходження повідомлень є багато прикладів, які ви можете перевірити.

Сподіваюсь, що все очистить.

Ви можете відкрити консоль фонової сторінки, натиснувши посилання "background.html" у списку розширень.

Щоб отримати доступ до фонової сторінки, що відповідає вашим розширенням, відкрийте Settings / Extensionsабо відкрийте нову вкладку та введіть chrome://extensions. Ви побачите щось подібне на цьому скріншоті.

Під розширенням натисніть на посилання background page. Це відкриває нове вікно. Для зразка контекстного меню вікно має заголовок: _generated_background_page.html.

Щоб відповісти на ваше запитання безпосередньо, коли ви телефонуєте console.log("something")з фону, це повідомлення реєструється на консолі фонової сторінки. Щоб переглянути його, ви можете зайти chrome://extensions/та натиснути його inspect viewпід розширенням.

Коли ви натискаєте спливаюче вікно, воно завантажується на поточну сторінку, таким чином console.log повинен відображати повідомлення журналу на поточній сторінці.

Ви все ще можете використовувати console.log (), але він потрапляє в окрему консоль. Для того, щоб переглянути його - клацніть правою кнопкою миші на значку розширення та виберіть "Перевірити спливаюче вікно".

Найпростішим рішенням було б додати наступний код у верхній частині файлу. І тоді ви можете використовувати всі повноцінні api консолі Chrome, як зазвичай.

 console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc

const log = chrome.extension.getBackgroundPage().console.log;
log('something')

Відкрити журнал:

• Відкрито: chrome: // розширення /
• Деталі> Фонова сторінка

Спробуйте це, якщо ви хочете увійти до консолі активної сторінки:

chrome.tabs.executeScript({
    code: 'console.log("addd")'
});

Щодо оригінального питання, я хотів би додати до прийнятої відповіді Мохамеда Мансура, що існує також спосіб зробити цю роботу навпаки:

Ви можете отримати доступ до інших сторінок розширення (тобто сторінки опцій, спливаючої сторінки) з фонової сторінки / сценарію за допомогою chrome.extension.getViews()виклику. Як описано тут .

 // overwrite the console object with the right one.
var optionsPage = (  chrome.extension.getViews()  
                 &&  (chrome.extension.getViews().length > 1)  ) 
                ? chrome.extension.getViews()[1] : null;

 // safety precaution.
if (optionsPage) {
  var console = optionsPage.console;
}

Це старий пост, з уже хорошими відповідями, але я додаю свої два біти. Мені не подобається використовувати console.log, я б скоріше використовував реєстратор, який реєструється до консолі, або де б я хотів, тому у мене є модуль, який визначає функцію журналу трохи подібну до цієї

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

Коли я закликаю журнал ("це мій журнал"), він запише повідомлення як у спливаючу консоль, так і на фоновій консолі.

Перевагою є можливість змінити поведінку журналів, не змінюючи код (наприклад, відключення журналів для виробництва тощо).

Щоб отримати журнал консолі з фонової сторінки, потрібно написати наступний фрагмент коду на своїй фоновій сторінці background.js -

chrome.extension.getBackgroundPage (). console.log ('привіт');

Потім завантажте розширення та огляньте його фонову сторінку, щоб побачити журнал консолі.

Вперед !!