google chrome extension :: console.log () arka plan sayfasından mı?

console.log('something');Açılır sayfadan veya kapalı herhangi bir komut dosyası ararsanız iyi çalışır.

Ancak, arka plan sayfası doğrudan açılır sayfadan çıkmadığı için konsola dahil edilmez.

console.log()Açılır sayfanın konsolunda görünmesi için arka plan sayfasında bulabilmemin bir yolu var mı ?

arka plan sayfasından açılan sayfada bir işlevi çağırmanın herhangi bir yolu var mı?

Herhangi bir uzantı sayfası ( içerik komut dosyaları hariç ) aracılığıyla arka plan sayfasına doğrudan erişebilir chrome.extension.getBackgroundPage().

Bu, açılır sayfada , şunları yapabilirsiniz:

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

Kullanımı kolaylaştırmak için:

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

Şimdi aynı şeyi içerik komut dosyalarında yapmak istiyorsanız, bunu başarmak için İleti Geçişi'ni kullanmanız gerekir . Nedeni, her ikisi de mantıklı olan farklı alanlara aittir. İleti İletme sayfasında kontrol etmeniz için birçok örnek vardır .

Umarım her şeyi temizler.

Uzantılar listesindeki "background.html" bağlantısını tıklarsanız arka plan sayfasının konsolunu açabilirsiniz.

Uzantılarınıza karşılık gelen arka plan sayfasına erişmek için Settings / Extensionsyeni bir sekme açın veya açın ve girin chrome://extensions. Bu ekran görüntüsü gibi bir şey göreceksiniz.

Uzantınızın altında bağlantıyı tıklayın background page. Bu yeni bir pencere açar. İçin içerik menüsü numunesi pencere başlığı vardır: _generated_background_page.html.

Sorunuzu doğrudan cevaplamak için console.log("something"), arka plandan aradığınızda , bu mesaj arka plan sayfasının konsoluna kaydedilir. Görüntülemek için uzantınızın altında buna gidip chrome://extensions/tıklayabilirsiniz inspect view.

Açılır pencereyi tıklattığınızda, geçerli sayfaya yüklenir, bu nedenle console.log, geçerli sayfada günlük iletisini göstermelidir.

Yine de console.log () öğesini kullanabilirsiniz, ancak ayrı bir konsolda oturum açılır. Görüntülemek için uzantı simgesine sağ tıklayın ve "Pop-up'ı incele" yi seçin.

En basit çözüm, dosyanın üst kısmına aşağıdaki kodu eklemek olacaktır. Ve tüm Chrome konsol API'lerini normalde kullandığınız gibi kullanabilirsiniz.

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

Günlüğü aç:

• Açık: chrome: // uzantılar /
• Ayrıntılar> Arka plan sayfası

Etkin sayfanın konsoluna giriş yapmak istiyorsanız bunu deneyin:

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

Orijinal soru ile ilgili olarak, Mohamed Mansour'un bu çalışmayı başka bir şekilde yapmanın bir yolu olduğunu kabul eden cevaba eklemek istiyorum:

Diğer uzantı sayfalarına (örneğin, seçenekler sayfası, açılır sayfa) çağrı içeren arka plan sayfasından / komut dosyasından erişebilirsiniz chrome.extension.getViews(). Olarak tarif burada .

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

Zaten iyi cevapları olan eski bir yazı, ama iki bitimi ekliyorum. Console.log'u kullanmak istemiyorum, konsola günlük kaydeden bir logger kullanmayı ya da istediğim her yerde kullanmayı tercih ediyorum, bu yüzden buna benzer bir günlük fonksiyonunu tanımlayan bir modülüm var

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

Günlüğü çağırdığımda ("bu benim günlüğüm") iletiyi hem açılan pencerede hem de arka plan konsolunda yazacaktır.

Avantajı, kodu değiştirmek zorunda kalmadan günlüklerin davranışını değiştirebilmektir (üretim için günlükleri devre dışı bırakmak gibi ...)

Bir arka plan sayfasından bir konsol günlüğü almak için arka plan sayfanız background.js'ye aşağıdaki kod snippet'ini yazmanız gerekir -

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

Ardından uzantıyı yükleyin ve konsol günlüğünü görmek için arka plan sayfasını inceleyin.

Devam et!!