Firefox-Erweiterung. Da die Web Developer Toolbar möglicherweise zu leistungsstark ist, können viele nützliche Funktionen von Benutzern während der Verwendung versehentlich ignoriert werden. Lassen Sie uns hier eine kleine Zusammenfassung dieser vergessenen Fähigkeiten erstellen, um die Welt mit Liebe zu erfüllen:
Bilder／Bildinformationen anzeigen
Mit dieser Option können Sie die Attribute aller Bildelemente der aktuellen Webseite in einer neuen Registerkarte anzeigen: Pfad, Größe, Abmessungen usw., was besonders praktisch ist.
Informationen／Farbinformationen anzeigen
Die Farbanpassung von Webseiten ist ein großes Wissen. Viele Leute verwenden gerne Colorzilla, um die Farbinformationen von Webseiten anzuzeigen. Diese Erweiterung kann die Farbinformationen der aktuellen Zeigerposition in der Statusleiste anzeigen, einschließlich der Farbe des Bildes. Im Vergleich zur Web Developer Toolbar ist diese Funktion etwas schwach, Sie können jedoch alle von CSS auf der aktuellen Webseite aufgerufenen Farben mit einem Klick aufrufen, was für das Studium der Farbanpassung von Webseiten sehr hilfreich ist.
Informationen/Anzeigeelementinformationen
Wenn ich in der Vergangenheit das div-Attribut eines bestimmten Elements oder Bereichs auf einer Webseite anzeigen wollte, habe ich immer mit der rechten Maustaste geklickt, um die Quelldatei aufzurufen, und dann mit der Suchfunktion begonnen, Zeile für Zeile zu suchen. Mit dieser Funktion müssen Sie sich darüber keine Sorgen mehr machen. Wenn Sie bestimmte Attribute auf der Webseite anzeigen möchten, z. B. Klasse/ID, Standort usw., verwenden Sie einfach vorsichtig die Tastenkombination Strg+Umschalt+F und klicken Sie auf diesen Bereich, um alles anzuzeigen, was Sie wissen möchten.
Formulare／Passwörter anzeigen
Viele Menschen zeigen ihre Passwörter aus vielen Gründen gerne deutlich an. Diese Funktion der Web Developer Toolbar bietet Firefox-Benutzern mit dieser Eigenart eine Möglichkeit. Nachdem Sie auf diese Option geklickt haben, wird sie deutlich im Passwort-Eingabefeld angezeigt.
Verschiedenes/Kleinbild-Rendering
Immer mehr Benutzer können ihre Mobiltelefone und PDAs zum Surfen im Internet verwenden. Mithilfe dieser Funktion können Sie eine Vorschau anzeigen, wie Ihre Webseiten auf diesen tragbaren Geräten aussehen. Basierend auf der Vorschau können Sie das Layout und den Rahmen Ihrer Webseiten optimieren . , was ihnen das Surfen auf dem PDA erleichtert.
Verschiedenes/Besuchte Links
In einigen Fällen möchten wir, dass alle Hyperlinks auf der aktuellen Webseite deaktiviert werden, um die Überprüfung und Fehlerbehebung unserer Webseiten zu erleichtern. Unter dieser Option können Benutzer „Alle Links als nicht besucht markieren“ auswählen und alle Hyperlinks werden vorübergehend deaktiviert.
Extras/Geschwindigkeitsbericht anzeigen
Die Optionen im Menü „Extras“ beziehen sich im Wesentlichen auf verschiedene Überprüfungen der Website, CSS, JS, HTML usw. Auch hier gibt es eine sehr nützliche Funktion, nämlich die Ladegeschwindigkeit der Website online zu testen. Die Daten von Web Page Analyzer werden hier aufgerufen. Nach dem Klicken auf die Option übermittelt die Web Developer Toolbar die aktuelle Website zum Testen. Benutzer können anhand der von Web bereitgestellten Datenliste erkennen, welche Dateien die Ladegeschwindigkeit ihrer Website beeinflussen Seitenanalysator.
Verschiedenes／HTML bearbeiten
Die vielleicht am häufigsten verwendete Funktion in der Web Developer Toolbar ist „CSS bearbeiten“. Benutzer können das CSS der aktuellen Webseite in Echtzeit ändern und die Auswirkung der Änderung sofort sehen. Benutzer können auch die Web Developer Toolbar verwenden, um HTML-Dateien zu ändern. Diese Funktion ist unter „Verschiedenes“ verborgen.