"Resetujący" CSS i Firebug

by Mateusz Tymek — on CSS

Head's up! This post was written back in 2010 and is very likely to contain outdated information.

Firebug

Używanie "resetującego" arkusza CSS jest dosyć dobrą metodą na uzyskanie identycznego wyglądu we wszystkich przeglądarkach. Niestety, znacznie utrudnia badanie styli przy pomocy Firebuga - w widoku CSS resetujące reguły powtarzają się kilkakrotnie, skutecznie zaciemniając obraz całości.

Spróbuj "zbadać" któryś z odnośników w tym blogu - w zakładce CSS zobaczysz coś takiego:

Usunięcie reguł z pliku reset.css jest proste, jednak wymaga grzebania w kodzie Firebuga - nie da się tego wyklikać.

Interesujący plik nazywa się css.js, a jego lokalizacja uzależniona jest od systemu operacyjnego. W Linuksie będzie wyglądała mniej więcej tak:

~/.mozilla/firefox/47m9mxa7.default/extensions/[email protected]/content/firebug/css.js

Ciąg 47m9mxa7 wygląda na losowe zestawienie znaków - zdaje się że w każdej instalcji FF będzie miał inną postać. W Windows najlepiej jest otworzyć Mój Komputer (lub Komputer w Viście/7), wpisać "%APPDATA%" i nacisnąć ENTER. Stąd łatwo odnaleźć plik:

Mozilla/Firefox/Profiles/tyzdxivk.default/extensions/[email protected]/content/firebug/css.js

W samym pliku, około linii 1292 (wersja 1.5.4) znajdujemy coś takiego:

var isSystemSheet = isSystemStyleSheet(rule.parentStyleSheet);
if (!Firebug.showUserAgentCSS && isSystemSheet) // This removes user agent rules
    continue;
if (!href)
    href = element.ownerDocument.location.href; // http://code.google.com/p/fbug/issues/detail?id=452

Poniżej dopisujemy:

if (href.indexOf('reset.css') != -1) {
    continue;
}

Następnie resetujemy Firefoksa i cieszymy się niezaśmieconym widokiem CSS:


comments powered by Disqus