Firebug lädt kein CSS

Firebug ist nützlich zum Testen und zur Fehlerbehebung von Code in Webseiten. Mit den Live-Aktualisierungsfunktionen können Sie Stilvariationen auf Ihren eigenen Seiten ausprobieren. Der Status Ihres Webbrowsers kann die Fähigkeit von Firebug beeinflussen, Code zu laden, einschließlich CSS.

Über Firebug

Die Firebug-Erweiterung arbeitet mit dem Firefox-Webbrowser zusammen, um den Code hinter einer Webseite anzuzeigen. Neben CSS werden in der Erweiterung auch HTML-Code, JavaScript, Document Object Model-Informationen und Serverheader angezeigt. Mit anderen Erweiterungen kann die Funktionalität von Firebug weiter erweitert werden. Die Firebug-Erweiterung selbst kann keine Änderungen speichern, die Sie am Code einer Seite vornehmen. Sie können jedoch Code aus Firebug kopieren und in einen Text- oder HTML-Editor einfügen. Die Entwickler von Firebug haben auch Firebug Lite entwickelt, eine Version von Firebug mit eingeschränkter Funktionalität für die Verwendung mit anderen Browsern.

Firebug und CSS

Wenn Sie den HTML-Code einer Seite in Firebug anzeigen, werden die auf dieser Seite verwendeten CSS-Stile im rechten Bereich der Firebug-Konsole angezeigt. Diese Ansicht enthält nur Stile, die zum Anzeigen des Inhalts dieser Seite verwendet werden. Klicken Sie im rechten Bereich auf die Registerkarte "CSS", um alle mit einer Seite verknüpften Stylesheets anzuzeigen. Wenn die Seite Links zu mehr als einem Stylesheet enthält, können Sie auf der Registerkarte "CSS" auf den Pfeil klicken, um ein anderes Stylesheet zum Anzeigen auszuwählen.

Fehlerbehebung

CSS-Stile werden aus verschiedenen Gründen möglicherweise nicht in Firebug geladen. Wenn Sie den HTML-Code einer Seite anzeigen können, rechts aber keine CSS-Stile angezeigt werden, überprüfen Sie, ob ein verknüpftes Stylesheet vorhanden ist, indem Sie im linken Bereich von Firebug auf "CSS" klicken. Wenn Sie ein verknüpftes Stylesheet sehen, klicken Sie erneut auf "HTML" und zeigen Sie den rechten Bereich an. Wenn kein CSS angezeigt wird, ist es möglich, dass keine der verknüpften CSS-Stile auf der Seite verwendet wird oder dass die Stile von Firefox ignoriert werden, z. B. für Internet Explorer-Benutzer bestimmte Stile. Stellen Sie sicher, dass Firebug mit einer anderen Webseite wie Yahoo.com oder Google.com ordnungsgemäß funktioniert. Fehler im Code einer Seite können verhindern, dass Firebug Stile lädt.

Cache-Probleme

Wenn CSS-Stile für keine Seite geladen werden oder Stile angezeigt werden, beim Versuch, sie zu bearbeiten, jedoch ein Fehler auftritt, hat Firebug möglicherweise Probleme beim Lesen des Firefox-Caches. Stellen Sie sicher, dass Sie keine Erweiterung verwenden, die die Zwischenspeicherung von Browsern deaktiviert. Wenn Sie diese Erweiterung deaktivieren, wählen Sie im Firefox-Menü "Extras" die Option "Add-ons", klicken Sie auf "Erweiterungen" und klicken Sie neben dem Problem auf "Deaktivieren" Erweiterung. Starten Sie Firefox neu und versuchen Sie, die Seite erneut in Firebug zu laden.

Konflikte

Firebug kann auch mit anderen Firefox-Erweiterungen oder inkompatiblen Versionen in Konflikt stehen. Deaktivieren Sie alle Erweiterungen außer Firebug, starten Sie den Browser neu und zeigen Sie die Seite erneut an. Wenn das Problem weiterhin besteht, entfernen Sie Firebug und installieren Sie es erneut. Die Firebug-Website empfiehlt die Erstellung eines neuen Firefox-Profils, bevor Sie Firebug neu installieren, um eine saubere Umgebung zum Testen sicherzustellen. Stellen Sie sicher, dass Ihr Firefox-Browser, die Firebug-Erweiterung und andere Erweiterungen auf dem neuesten Stand sind.