Chrome uzantısında background.js'den gelen konsol mesajlarını nerede okuyabilirim?

Google Chrome uzantıları ile yeni başladım ve arka plan js'imden konsola giriş yapamıyorum. Bir hata oluştuğunda (örneğin bir sözdizimi hatası nedeniyle), herhangi bir hata mesajı da bulamıyorum.

Manifest dosyam:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}

background.js:

alert("here");
console.log("Hello, world!")

Uzantıyı yüklediğimde, uyarı geliyor ancak konsola kaydedilen hiçbir şey görmüyorum. Neyi yanlış yapıyorum?

Yanlış yere bakıyorsun. Günlüğe kaydedilen konsol iletileri web sayfasında değil ((görünmez) arka plan sayfasında görünür. Bu iletileri konsolda görmek için şu adımları izleyin:

Ziyaret edin chrome://extensions/.
Ayrıca uzantı simgesini sağ tıklayıp "Uzantıları yönet" i de tıklayabilirsiniz.

1. Geliştirici modunu etkinleştir
2. Arka plan sayfanızın bağlantısını tıklayın ("Görünümleri incele" bölümünde).
3. Bu sayfa için geliştirici konsolu açılır .

Yeni kullanıcı arayüzü:

Eski kullanıcı arayüzü:

Aynı sorun yaşadım, benim durumumda günlük kaydı Chrome Geliştirici araçlarındaki konsol sekmesinde "Tümünü gizle" olarak ayarlanmıştı. Bunun bir seçenek olduğunu bile fark etmemiştim ve kapatmayı hatırlayamıyorum

Chrome uzantılarının bir "içerik komut dosyası" için hata ayıklama konsolunu görmek isteyen takipçiler için, normal bir "geliştirici konsolu göster" yaparak ve ardından "javascript ortamını" seçmek için açılır oku kullanarak erişilebilir yöntemlerine vb.

bunlara ek olarak

manifest.jsoncontent_script dosyasında ("background" özelliği ayarlanmadığında) js dosyasını görmek istiyorsanız

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

ardından uzantı simgesini sağ tıklayın ve Pop-up'ı incele'yi tıklayın ve popup.html açıkken geliştirici penceresi açılır, orada konsol sekmesini göreceksiniz.

Michiel'in cevabına benzer şekilde komik bir konsol yapılandırması da vardı: Ayarı hatırlamıyorum bir filtre:

Filtreyi temizledikten sonra mesajları gördüm.

Eğer pop-up sayfasından konsola yazdırılan mesajları okumak istiyorsak, pop-up sayfasını açmak için uzatma simgesini tıklayabiliriz, sonra pop-up sayfasında herhangi bir yere sağ tıklayabiliriz, bir açılır menü görüntülenir, sadece "İncele" menüsünü tıklayabiliriz. geliştirici aracını açın. Pop-up sayfasının açılmaya devam etmesi gerektiğini unutmayın. Kapatılırsa (window.close () ile), geliştirici aracı da kapatılır.

Ben de bu problemi yaşadım. Web sayfam yeni kaydedilen komut dosyasına güncellenmiyormuş gibi görünüyor. Bu, krom tarayıcıda Ctrl+ yenile (veya Ctrl+ F5) tuşlarına basılarak çözüldü .