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/firebug@software.joehewitt.com/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/firebug@software.joehewitt.com/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:
