2011-02-18 27 views
33

Bir Chrome Uzantısı yapıyorum ve popup.html'un HTML/CSS/JS'sini görüntülemem gerekiyor.Bir Chrome Uzantısının Debug popup.html?

Öğeleri incelemek için sağ tıklayamıyorum. Başka bir yolu var mı? CSS ve JavaScript’in doğru şekilde yerleştirildiğinden emin olmalıyım. Bu açılır pencerede bir sorun nasıl giderilir? Uzatma yöneticisinden ayrıca seçenekleri sayfanızı inceleyebilirsiniz -

+0

Kayıtlar için belgeler, Öğretici: Hata ayıklama: https://developer.chrome.com/extensions/tut_debugging – brasofilo

cevap

47

Sağ, ardından uzantı simgesini 'Pop-up'ı İncele' Evet

+2

Tam olarak ne istediğimi. Orada olduğu hakkında hiçbir fikrim yoktu. Teşekkürler! – Skizit

+5

Chrome 22'de (8/1/2012 tarihinde Canary), 'Popupayı Kontrol Et' seçeneği kaldırıldı; bu, muhtemelen 'Elementi İncelemek' penceresinden açılabildiğinden. Ancak, bu nedenle, yükte çalışan kodda bir kesme noktasını ayıklamanın/ayarlamanın bir yolu yoktur. Şimdiye kadar benim tek çözüm 10-15 saniye için setTimeout koymaktır, bu bana pop-up açmak için zaman sağlar, 'Eleman İnceleyin', Scripts etiketini bulmak ve zaman aşımı fonksiyonu içinde kesme noktası ayarlayın. Daha kolay bir yol biliyor musunuz? – Schmuli

+4

Bilmiyorum, özür dilerim, keşke krom ekibinin işleri kesmesini engellerdim. –

2

'Pop-up'ı İncele' ve bunun dışında uzantının butonuna tıklayın.

60

Insign Popup, en son sürümle birlikte gitti.

Chrome Uzantısı Açılır Pencereleri'nde nasıl hata ayıklanırım.

  1. Web sayfasını (açılır pencerenin kendisi) görmek için popup düğmenizi tıklatın.
  2. Pencereyi sağ tıklatın ve İnceleme öğesi
  3. öğesini seçin. Chrome Hata Ayıklayıcı penceresi doğru içerikle gelir, ancak kesme noktalarınızı ve debugger ifadelerini çoktan özlediniz.
  4. BURAYA TIKLAYIN. Hata ayıklayıcının Konsol bölümüne tıklayın ve: location.reload(true) yazın ve enter tuşuna basın.

Şimdi kesme noktalarınız çarptı! Uzantı sayfasını yeniden gözden geçirmeden değiştirilen komut dosyalarını yeniden yüklemenin en iyi yolu.

+0

Sayfa eylem simgesine hak kazandığımda açılan pencereyi alıyorum. – ripper234

+3

Teşekkürler Tom. location.reload (true) çalışır. –

+1

Ayrıca, hata ayıklayıcısında F5'i de vurabilirsiniz, "yeniden" "çalıştır" değil tetikler. Bu, UI hatası olarak düşünülse de, geliştiriciler F5'in "yeniden yüklenmesini" değil "çalışmasını" beklerdi. Bu nedenle, F5'in yanlış zamanda vurulduğunda da bazı hata ayıklamalarını yapmasına yardımcı olun. İkincisi de Firefox'ta gerçekleşir. –

18

Belki başka bir yol kimliğini bulmak için olabilir: chrome uygulamanız için: // krom/uzantıları/Sonra

chrome-extension://id_of_your_application/popup.html 

Değişim açılan pencere ile düzenli bir pencerede açılır pencere yükleyebilirsiniz

"default_popup" özelliği altında manifest.json'da belirttiğiniz dosya için .html.

+0

Bu işe yaramaz gibi gözüküyor. – tanushree

+0

Denedim ve uzantı bir pop-up ise çalışır. İşte tarayıcıda çalışan AdBlock açılır penceresinin bir örneğidir. AdBlock'un yüklü olması gerekir. chrome-extension: //gighmmpiobklfepjocnamgkkbiglidom/button/popup.html –

+1

mükemmel yanıt. Hata ayıklamanın en iyi yolu – DMTintner

İlgili konular