2010-11-23 4 views
5

Gibt es eine Möglichkeit, dass ich Stile aus bestimmten Stylesheets im Firebug-Stil-Panel ausblenden kann?
Zum Beispiel benutze ich CSS reset und reset.css in meine Seiten, aber es sieht nicht gut aus, wenn es nutzlose Informationen im Stilfenster anzeigt.firebug - Ausblenden von Stilen aus spezifischen .css-Datei

Vielen Dank.

+0

Nur um das klar zu machen - Sie wollen die Reset-Regeln von Firebug verbergen, aber immer noch auf die Seite anwenden: Sie wollen die CSS-Reset-Datei nicht entfernen? – Kobi

+0

@Kobi, ja klar – Kai

Antwort

5

Wenn Sie es noch nicht haben, sollten Sie diese Installation Webdeveloper Toolbar

Es kann genau das tun, was man sich wünschen .. Und viel mehr :)

+0

+1 für eine große Ressource. – Kyle

+0

Ja, es funktioniert, aber wie erwähnt @Kobi, ich möchte sie immer noch auf die Seite – Kai

0

Heres, wie Sie es tun alt text

+2

downvote anwenden, weil Sie keine Lösung und keine Links in dieser Antwort enthalten –

+1

Das Bild ist tausend Worte wert, wenn Sie nicht verstehen, niemand kann es helfen: (Sie können deswegen einfach nicht runterladen. – nepsdotin

+3

+1, das hat für mich funktioniert, aber ich musste herausfinden, dass ich erst Developer Tools für Firefox installieren muss. Es wird besser sein, wenn du das erwähnt, um deine Antworten in Zukunft zu verbessern –

3

Es gibt keine Benutzeroberfläche, um dies zu tun (Firebug 1.9.2), aber Sie können den Quellcode ändern ... Was bedeutet, dass Sie dies jedes Mal tun müssen, wenn Firebug aktualisiert wird.

Beenden Sie zuerst Firefox und finden Sie das .xpi-Paket für Firebug. ": \ Dokumente und Einstellungen \ username \ Anwendungsdaten \ Mozilla \ Firefox \ Profiles \ profil \ extensions C"

Auf meinem XP-Rechner, ist es in idealer Lage

Öffnen Sie die Datei "[email protected]" (es ist eigentlich eine umbenannte .zip-Datei) und extrahieren Sie die Datei "content \ firebug \ lib \ url.js".

In dieser Datei finden Sie die „Url.isSystemURL“ Funktion und fügen Sie haben eine einzige Zeile Code zu geben true zurück, wenn die url Parameter den Namen der CSS-Datei Sie enthält verstecken (I used " reset.css“im Beispiel unten):

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

Wenn Sie die Bearbeitung fertig, speichern Sie die Datei und die in der .xpi ersetzen:

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") 
    ... 

Sie auch einen regulären Ausdruck verwenden kann mit dir r bearbeitete Version.

+0

Es könnte nicht a sein schöne Lösung, aber ich denke, das ist die einzige Antwort, die tatsächlich beantwortet die Frage, die gefragt wurde. – thelem

11

Ich weiß, dass Sie nach Deaktivierung von Stylesheets mit FireBug fragen. Du hast vor zwei Jahren gefragt. Die Leute schlugen vor, FireBug zu hacken und ein anderes Web-Dev-Plugin zu verwenden.

Hier ist meine Lösung: Der neue Firefox (13.0.1) kann dies ohne ein Plugin tun. Gehen Sie einfach zum Web Developer Tools-Bereich der Optionen und kommen Sie zum Style-Editor (Shift F7).
Optionen> Webentwicklertools> Stileditor

Klicken Sie auf den Augapfel, um jedes Stylesheet anzuzeigen/auszublenden.

hoffe das hilft!

+0

OP wollte die Stile ausgeblendet im Inspektor, aber immer noch auf die Seite angewendet. Durch das Deaktivieren einer Datei im Style Editor werden auch deren Stile deaktiviert. Keine Lösung dann. –

0

In Firefox und Chrome können Sie die Web Developer Erweiterung installieren.

Es gibt eine Option zum Deaktivieren von CSS-Stilen: CSS meny> Disable Styles> Alle Stile (oder einzelne Stile, die Sie auswählen).

Verwandte Themen