2010-11-23 13 views
5

stilleri gizlensin mi?
Örneğin, sayfalarımda CSS sıfırlama kullanıyorum ve reset.css'u ekledim ancak stil penceresinde yararsız bilgi görüntülediğinde iyi görünmüyor.firebug - Ben firebug tarzı panelindeki belirli stil stilleri gizleyebilir herhangi bir yolu var mı özgü .css dosyası

Teşekkür ederiz.

+0

Bunu açıklığa kavuşturmak için - sıfırlama kurallarını ateşböceğinden gizlemek, ancak yine de bunları sayfaya uygulamak istiyorsunuz: css sıfırlama dosyasını kaldırmak istemiyor musunuz? – Kobi

+0

@Kobi, evet harika bir kaynak için – Kai

cevap

5

Zaten yoksa, kurmayı düşünün bu Webdeveloper Toolbar

Bu tam olarak .. sormak Ve ne yapabilirim çok daha fazla :)

+0

+1 temizleyin. – Kyle

+0

Evet, işe yaradı, fakat @Kobi'den de bahsedildiği gibi, bu sayfadaki hiçbir çözümü ve hiçbir bağlantı içermediğiniz için sayfa – Kai

0

İşte bunu nasıl alt text

+2

indirimi uygulamak istiyorum –

+1

Bu resim bin kelimeye bedeldir, eğer anlamadıysanız, kimse yardım edemez: (Sadece bunun için aşağıya çekilemezsiniz. – nepsdotin

+3

+1, bu benim için çalıştı, ancak Firefox için ilk olarak Geliştirici Araçları'nı yüklemem gerektiğini anladım. Gelecekte cevaplarınızı iyileştirmek için daha iyi olacağını düşündüyseniz –

3

Şimdiye kadar bunu yapmak için kullanıcı arabirimi yok (Firebug 1.9.2), ancak kaynak kodunu değiştirebilirsiniz ... Bununla birlikte, Firebug her güncellendiğinde bunu yapmanız gerekecek.

İlk

, Firefox çıkın ve Kundakçı için .xpi paketi bulabilirsiniz. Benim XP makinede

, bu yer alır "C: userName Application Data \ Mozilla \ Firefox \ Profiles \ \ \ Documents and Settings ProfilAdı \ \ uzantıları"

"[email protected]" dosyasını (aslında bir yeniden adlandırılmış .zip dosyası) açın ve "content \ firebug \ lib \ url.js" dosyasını açın. Bu dosyada

, url parametre gizlemek istediğiniz CSS dosyasının adını içeriyorsa gerçek dönmek için kod satırını " Url.isSystemURL" işlevini bulmak ve eklemek (ben "kullandım aşağıdaki örnekte reset.css"): düzenlemeyi bittiğinde,

if (url.match(/RegExp/)) return true; 

dosyayı kaydedin ve .xpi tane değiştirin:

Url.isSystemURL = function(url) 
{ 
    if (!url) return true; 
    if (url.length == 0) return true; 
    /*** Hide specific CSS file ***/ 
    if (url.indexOf("reset.css") != -1) return true; 
    /******************************/ 
    if (url[0] == "h") return false; 
    if (url.substr(0, 9) == "resource:") 
     return true; 
    else if (url.substr(0, 16) == "chrome://firebug") 
    ... 

Ayrıca normal bir ifade kullanabilirsiniz seninle r düzenlenmiş versiyonu.

+0

güzel bir çözüm, ama bence bu, sorulan soruya cevap veren tek cevaptır. – thelem

11

Sana FireBug ile stil devre dışı bırakma hakkında soruyorsun biliyorum. İki yıl önce sordun. İnsanlar FireBug'ı hacklemeyi ve başka bir web dev eklentisini kullanmayı önerdiler. yeni Firefox (13.0.1) eklenti kullanmadan bunu yapabilirsiniz:

İşte çözüm. Sadece seçeneklerin web geliştirici araçları bölümüne gidin ve stil editörüne (F7) geçin.
Seçenekler> web geliştirici araçları> stil düzenleyicisi

Her stil sayfasını göstermek/gizlemek için göz küresi üzerine tıklayın.

Bu yardımcı olur umarım!

+0

OP stiller istedi Inspector'da gizlenmiş ancak yine de sayfaya uygulanmıştır. Stil Düzenleyicisi'nde bir dosyayı devre dışı bırakmak, stillerini de devre dışı bırakır. O zaman bir çözüm değil. –

0

Firefox ve Chrome size Web Developer uzantısı yükleyebilirsiniz.

CSS stillerini devre dışı bırakmak için bir seçenek vardır: CSS menüsü> Stilleri Devre Dışı Bırak> Tüm stiller (veya seçtiğiniz ayrı stiller).

İlgili konular