google chrome extension :: console.log () dari halaman latar belakang?

Jika saya menelepon console.log('something');dari halaman popup, atau skrip apa pun yang disertakan berfungsi dengan baik.

Namun karena halaman latar belakang tidak secara langsung keluar dari halaman popup itu tidak termasuk dalam konsol.

Apakah ada cara yang bisa saya dapatkan console.log()di halaman latar belakang untuk muncul di konsol untuk halaman popup?

apakah ada cara untuk, dari halaman latar belakang memanggil fungsi di halaman popup?

Setiap halaman ekstensi (kecuali skrip konten ) memiliki akses langsung ke halaman latar belakang via chrome.extension.getBackgroundPage().

Itu berarti, di dalam halaman popup , Anda bisa melakukan:

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

Untuk membuatnya lebih mudah digunakan:

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

Sekarang jika Anda ingin melakukan hal yang sama di dalam skrip konten Anda harus menggunakan Passing Pesan untuk mencapai itu. Alasannya, mereka berdua milik domain yang berbeda, yang masuk akal. Ada banyak contoh di halaman Passing Pesan untuk Anda periksa.

Semoga itu membersihkan segalanya.

Anda dapat membuka konsol halaman latar belakang jika Anda mengklik tautan "background.html" di daftar ekstensi.

Untuk mengakses halaman latar belakang yang sesuai dengan ekstensi Anda, buka Settings / Extensionsatau buka tab baru dan masukkan chrome://extensions. Anda akan melihat sesuatu seperti tangkapan layar ini.

Di bawah ekstensi Anda, klik tautan tersebut background page. Ini membuka jendela baru. Untuk sampel menu konteks jendela memiliki judul: _generated_background_page.html.

Untuk menjawab pertanyaan Anda secara langsung, saat Anda menelepon console.log("something")dari latar belakang, pesan ini dicatat, ke konsol halaman latar belakang. Untuk melihatnya, Anda dapat mengunjungi chrome://extensions/dan mengekliknya di inspect viewbawah ekstensi Anda.

Ketika Anda mengklik sembulan, itu dimuat ke halaman saat ini, sehingga console.log harus menampilkan pesan log di halaman saat ini.

Anda masih dapat menggunakan console.log (), tetapi login ke konsol yang terpisah. Untuk melihatnya - klik kanan pada ikon ekstensi dan pilih "Periksa popup".

Solusi paling sederhana adalah dengan menambahkan kode berikut di bagian atas file. Dan daripada Anda dapat menggunakan semua api konsol Chrome penuh seperti biasa.

 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')

Buka log:

• Buka: chrome: // extensions /
• Detail> Halaman latar belakang

Coba ini, jika Anda ingin masuk ke konsol halaman aktif:

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

Sehubungan dengan pertanyaan awal saya ingin menambahkan jawaban yang diterima oleh Mohamed Mansour bahwa ada juga cara untuk membuat ini bekerja sebaliknya:

Anda dapat mengakses halaman ekstensi lain (yaitu halaman opsi, halaman popup) dari dalam halaman latar belakang / skrip dengan chrome.extension.getViews()panggilan. Seperti dijelaskan di sini .

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

Itu posting lama, dengan jawaban yang sudah bagus, tapi saya menambahkan dua bit saya. Saya tidak suka menggunakan console.log, saya lebih suka menggunakan logger yang masuk ke konsol, atau di mana pun saya mau, jadi saya punya modul yang mendefinisikan fungsi log sedikit seperti ini

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

Ketika saya memanggil log ("ini log saya"), ia akan menulis pesan di konsol popup dan konsol latar belakang.

Keuntungannya adalah dapat mengubah perilaku log tanpa harus mengubah kode (seperti menonaktifkan log untuk produksi, dll ...)

Untuk mendapatkan log konsol dari halaman latar belakang, Anda perlu menulis cuplikan kode berikut di background.js halaman latar belakang Anda -

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

Kemudian muat ekstensi dan periksa halaman latar belakangnya untuk melihat log konsol.

Lanjutkan!!