rozszerzenie google chrome :: console.log () ze strony w tle?

Jeśli zadzwonię console.log('something');z wyskakującej strony lub dowolnego skryptu, to działa dobrze.

Jednak ponieważ strona w tle nie jest bezpośrednio wyprowadzana ze strony wyskakującej, nie jest uwzględniona w konsoli.

Czy istnieje sposób, w jaki mogę uzyskać console.log()wyświetlenie na stronie w tle w konsoli strony podręcznej?

czy istnieje sposób na wywołanie funkcji ze strony w tle na stronie podręcznej?

Każda strona rozszerzenia (z wyjątkiem skryptów zawartości ) ma bezpośredni dostęp do strony w tle za pośrednictwem chrome.extension.getBackgroundPage().

Oznacza to, że na wyskakującej stronie możesz po prostu:

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

Aby ułatwić korzystanie z:

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

Teraz, jeśli chcesz zrobić to samo w skryptach zawartości , musisz użyć Message Passing, aby to osiągnąć. Powód, że obaj należą do różnych dziedzin, co ma sens. Na stronie Przekazywanie wiadomości znajduje się wiele przykładów, które możesz sprawdzić.

Mam nadzieję, że to wszystko wyjaśnia.

Konsolę strony działającej w tle można otworzyć, klikając łącze „background.html” na liście rozszerzeń.

Aby uzyskać dostęp do strony w tle, która odpowiada Twoim rozszerzeniom, otwórz Settings / Extensionslub otwórz nową kartę i wprowadź chrome://extensions. Zobaczysz coś takiego jak ten zrzut ekranu.

Pod rozszerzeniem kliknij link background page. To otwiera nowe okno. Dla próbki menu kontekstowego okno ma tytuł: _generated_background_page.html.

Aby odpowiedzieć bezpośrednio na twoje pytanie, gdy dzwonisz console.log("something")z tła, ta wiadomość jest rejestrowana w konsoli strony w tle. Aby go zobaczyć, możesz przejść do chrome://extensions/i kliknąć to inspect viewpod swoim rozszerzeniem.

Po kliknięciu wyskakującego okienka jest ono ładowane na bieżącą stronę, dlatego console.log powinien wyświetlać komunikat dziennika na bieżącej stronie.

Nadal możesz używać console.log (), ale zostanie ona zalogowana w osobnej konsoli. Aby go zobaczyć - kliknij prawym przyciskiem myszy ikonę rozszerzenia i wybierz „Sprawdź wyskakujące okienko”.

Najprostszym rozwiązaniem byłoby dodanie następującego kodu na początku pliku. Poza tym możesz normalnie korzystać z pełnego interfejsu konsoli 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')

Otwórz dziennik:

• Otwórz: chrome: // extensions /
• Szczegóły> Strona w tle

Spróbuj tego, jeśli chcesz zalogować się do konsoli aktywnej strony:

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

W odniesieniu do pierwotnego pytania chciałbym dodać do zaakceptowanej odpowiedzi Mohameda Mansoura, że ​​istnieje również sposób na odwrócenie tego działania:

Możesz uzyskać dostęp do innych stron rozszerzeń (tj. Strony opcji, strony wyskakującej) z poziomu strony / skryptu w tle z chrome.extension.getViews()wywołaniem. Jak opisano tutaj .

 // 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;
}

To stary post, z już dobrymi odpowiedziami, ale dodaję dwa bity. Nie lubię używać console.log, wolę raczej loggera, który loguje się do konsoli, lub gdziekolwiek chcę, więc mam moduł definiujący funkcję dziennika trochę taką jak ta

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

Kiedy wywołuję dziennik („to jest mój dziennik”), zapisze wiadomość zarówno w wyskakującej konsoli, jak i w tle.

Zaletą jest możliwość zmiany zachowania dzienników bez konieczności zmiany kodu (np. Wyłączanie dzienników na potrzeby produkcji itp.)

Aby uzyskać dziennik konsoli ze strony działającej w tle, musisz napisać następujący fragment kodu na swojej stronie tła background.js -

chrome.extension.getBackgroundPage (). console.log („witaj”);

Następnie załaduj rozszerzenie i sprawdź jego stronę w tle, aby wyświetlić dziennik konsoli.

Śmiało!!