Firefox-Add-ons

Question

Welche Firefox-Add-ons verwenden Sie, die für Programmierer nützlich sind?

Answer 1

Ich halte es für dumm, Firebug zu erwähnen – ich bezweifle, dass einer von uns ohne ihn leben könnte.Ansonsten verwende ich Folgendes (nur Auflistung entwicklungsbezogen):

• Konsole²:Fehlerkonsole der nächsten Generation
• DOM-Inspektor:Wie der Titel vermuten lässt, ermöglicht es Ihnen, das DOM zu durchsuchen
• Cookies bearbeiten:Cookies im Handumdrehen ändern
• JS ausführen:Ad-hoc-Javascript-Ausführung
• IE-Registerkarte:Rendern Sie eine Seite im IE
• Überprüfen Sie Folgendes:bringt das ausgewählte Objekt in den DOM-Inspektor
• JSView:Verlinktes Javascript und CSS anzeigen
• LORI (Life of Request Info):zeigt an, wie lange es dauert, eine Seite zu rendern
• Messe Es:ein Popup-Lineal.
• URL-Parameter:zeigt GET- und POST-Variablen
• Web-Entwickler:eine Vielzahl von Tools für den Webentwickler

Answer 2

Hier sind meine (entwicklerzentriert):

1. FireBug - Eine Vielzahl produktivitätssteigernder Tools, einschließlich Javascript-Debugger und DOM-Inspektor, ermöglicht die sofortige Bearbeitung von CSS/HTML, was für die Fehlerbehebung bei Layout- und Anzeigeproblemen äußerst wertvoll ist.

2. Web-Entwickler - wieder ein weiteres großartiges Tool zur Entwicklerproduktivität.Ich verwende es hauptsächlich zum schnellen Überprüfen von Seiten, zum Deaktivieren von Javascript (ja, ich deaktiviere Javascript manchmal, nicht wahr?), zum Anzeigen von Cookies usw.

3. Manipulationsdaten - Ermöglicht die Manipulation von HTTP-Headern, Formularwerten, Cookies usw.bevor Sie erneut auf einer Seite posten oder eine Seite abrufen.Unglaublich wertvoll, um Ihre Seiten zu durchstöbern und anzustupsen und zu sehen, wie Ihre Web-App reagiert, wenn sie mit leicht böswilliger Absicht verwendet wird.

4. JavaScript-Debugger - verfügt über ein paar weitere Funktionen als der von Firebug bereitgestellte Javascript-Debugger.Obwohl ich zugeben muss, dass ich dieses Programm sparsam verwende, da mich Firebug weitgehend überzeugt hat.

5. Live-HTTP-Header - Von unschätzbarem Wert für die Fehlerbehebung. Verwenden Sie es häufig.Ermöglicht das Ausspionieren aller HTTP-Header, die zwischen Client und Server hin und her kommuniziert werden.Es hat mir geholfen, bösartige Probleme aufzuspüren, insbesondere beim Debuggen von Problemen bei der Bereitstellung Ihrer Web-App zwischen Umgebungen.

6. Header-Spion - nettes Add-on für die Geek-Typen, zeigt Ihnen in der Statusleiste den Webserver und die Plattform an, auf der eine Website läuft.

7. Messe Es - Ich benutze das nicht allzu oft, aber ich habe es dennoch von Zeit zu Zeit als wertvoll empfunden.

8. ColorZilla – wiederum nicht etwas, das ich allzu häufig verwende, aber wenn ich es brauche, brauche ich es.Nützlich, wenn Sie eine Farbe wissen möchten und nicht eine CSS-Datei durchforsten oder eine Grafikbearbeitungsanwendung öffnen möchten, um eine Farbe in ein Bild einzubetten.

9. Cookies hinzufügen und bearbeiten – Dies ist ein großartiges Debugging-Tool in Webfarmen, in denen der Load Balancer ein Cookie schreibt und den Cookie-Wert verwendet, um Ihre Sitzung „sticky“ zu halten.Dadurch konnte ich nach Belieben zwischen den Servern wechseln, um Probleme auf einem bestimmten Computer aufzuspüren.Auch ein gutes Tool, wenn Sie versuchen möchten, sich mit einer Website anzulegen, die Cookies verwendet, um Ihren Anmeldestatus/Ihr Konto zu verfolgen, und Sie möchten sehen, wie Ihr Code auf fehlerhafte oder gehackte Informationen reagiert.

10. Yellowpipe Lynx Viewer-Tool - Ja, ich weiß, was du denkst, Luchs, wer braucht das, es ist so 1994.Wenn Sie jedoch eine Website entwickeln, die die Barrierefreiheit im Internet berücksichtigen muss (d. h. zugänglich für Benutzer mit Sehbehinderungen, die Bildschirmleseprogramme verwenden), oder wenn Sie ein Gefühl dafür bekommen möchten, wie ein Webspider/Indexer Ihre Website „sieht“, Dieses Werkzeug ist von unschätzbarem Wert.Zugegeben, Sie könnten jederzeit rausgehen und sich Lynx schnappenHier ist der Windows XP-Port, den ich verwende.

Ich habe noch eine Handvoll anderer Add-ons, die ich von Zeit zu Zeit verwende und die ich nur kurz erwähnen möchte:FireFTP (eines, das ich installiert habe, war nicht stabil und ich habe keine neuere Version ausprobiert), Html Validator (dieses fand ich auch instabil, zumindest bei der Installation vor einem Jahr), IE Tab (ich habe normalerweise nur sowohl IE als auch Firefox kann gleichzeitig geöffnet werden, aber das betrifft nur mich, ich kenne viele andere, die dieses Add-on nützlich finden.

Answer 3

Ich würde auch das empfehlen Web-Entwickler Erweiterung von Chris Pederick.

Answer 4

Was die Webentwicklung angeht, insbesondere für Javascript, finde ich Feuerkäfer von unschätzbarem Wert sein. Symbolleiste für Webentwickler ist auch sehr nützlich.

Answer 5

Die, die ich habe, sind...

• Y-Langsam
• Live-Header
• Feuerkäfer
• Dom-Inspektor

Answer 6

Einer, der noch nicht erwähnt wurde, ist dieser HTML-Validator Erweiterung, die ich sehr nützlich fand.

Answer 7

@Flávio Amieiro

MeasureIt ist eine unnötige Erweiterung, wenn Sie die Web Developer Toolbar installieren.Zu den Funktionen der Web Developer Toolbar gehört ein Lineal.Unter dem "Miscellaneous„Kategorie für Webentwickler klicken Sie auf die Option“Display Ruler" um ein Lineal zu verwenden, das mit dem von MeasureIt identisch ist.

Dadurch können Sie die Anzahl der benötigten Erweiterungen um mindestens eine reduzieren.

Answer 8

Firefox-Add-ons:

1. FireBug: hilft Webentwicklern und Designern beim Testen und Überprüfen von Front-End-Code.Es bietet uns viele nützliche Funktionen wie ein Konsolenpanel zum Protokollieren von Informationen, einen DOM-Inspektor, detaillierte Informationen zu Seitenelementen und vieles mehr.

2. Web Developer – bietet Ihnen die Möglichkeit, CSS zu deaktivieren, CSS im Handumdrehen zu bearbeiten, bestimmte Bereiche einer Seite zu messen und vieles mehr.

3. Colorzilla klicken Sie einfach auf das Symbol, bewegen Sie sich über den Bereich, für den Sie die Hex -Farbe kennen möchten, und klicken Sie.

4. Fenster -Resizer, um sicherzustellen, dass das Layout in den heutigen Standardauflösungen ordnungsgemäß angezeigt wird.

5. Gesamtvalidator validieren Websites viel einfacher, indem Sie HTML, Links, CSS überprüfen und viel mehr tun.

Answer 9

Web-Entwickler für die Webentwicklung. Schreiberfeuer wenn Sie ein Blogger-Programmierer sind

Answer 10

Für die Webentwicklung verwende ich die Symbolleiste für Webentwickler, CSS-Viewer Und Messe Es.

Aber ich gehöre wirklich nicht zu denen, die tausend Erweiterungen haben, um alles zu machen.Ich mag es, die Dinge einfach zu halten.

BEARBEITEN:Dank an Dans Antwort Ich brauche MeasureIt nicht mehr.Ich kann nicht glauben, dass ich das noch nie gesehen habe!Ich denke, ich muss dieser WebDeveloper-Symbolleiste einfach mehr Aufmerksamkeit schenken.

Answer 11

Zu jedermanns Liste hinzufügen, Manipulationsdaten ist sehr nützlich, ermöglicht es Ihnen, Anfragen abzufangen und die darin enthaltenen Daten zu ändern.Es kann verwendet werden, um die Javascript-Validierung zu umgehen und zu überprüfen, ob die Serverseite ihre Aufgabe erfüllt.

Answer 12

ich benutze Web-Entwickler, es ist eine echte Zeitersparnis.

Answer 13

• +1 für LORI („Life-of-Request-Info“).Es ist eine sehr praktische Alternative für grobe Messungen der Ladezeit einer bestimmten Webseite – etwas, wofür Sie sonst vielleicht eine externe Stoppuhr verwenden würden.

• Neue Tab-Startseite.In Kombination mit einer „Kurzwahl“-Startseite (einer persönlichen, schnell ladenden Seite mit Links, die Sie häufig verwenden) gelangen Sie schneller ans Ziel, wenn Sie einen neuen Browser-Tab öffnen.

• LastTab.Ändert das Verhalten von Strg+Tab, damit Sie durch wiederholtes Drücken von Strg+Tab zwischen den zuletzt verwendeten Tabs hin und her navigieren können, genau wie Alt+Tab in Windows.Bietet außerdem eine schöne Ansicht aller geöffneten Registerkarten, während die Strg-Taste noch gedrückt gehalten wird, um die Navigation zu erleichtern.(Das resultierende Verhalten ist dem Strg+Tab-Verhalten in neueren Versionen von Visual Studio sehr ähnlich.)

Answer 14

FireFTP eignet sich gut zum Abrufen/Hochladen aller erforderlichen Dateien.

Answer 15

Ich finde Hackbar sehr nützlich.Sehr nützlich, wenn Sie den Querystring-Teil der URL bearbeiten möchten, um auf Schwachstellen zu testen oder einfach nur andere Arten von Tests durchzuführen, bei denen Sie möglicherweise komplizierte Query-String-Werte erhalten.

Answer 16

Ich habe DOM Inspector gelernt, bin aber zu Firebug gewechselt.

Answer 17

Einige davon, die oben übersehen wurden, finden Sie hier

• Ladezeitanalysator – Zeigen Sie detaillierte Diagramme der Ladezeit von Webseiten in Firefox an.Die Diagramme zeigen Ereignisse wie Seitenanfragen, Bildladezeiten usw. an.

• Poster – Ein unverzichtbares Tool für Webentwickler, das ihnen die Interaktion mit Webdiensten und anderen Webressourcen ermöglicht.

• Erdferkel – Eine coole Erweiterung für Webentwickler und Designer, mit der sie CSS-Attribute, IDs und Klassen anzeigen können, indem sie Seitenelemente einzeln hervorheben.

Answer 18

Geiger ist ein wirklich großartiger Debugging-Proxy.Betrachten Sie es als eine leistungsfähigere Version des „Net“-Panels in Firebug oder der Live-HTTP-Header.

Früher war es eine reine IE-Erweiterung, jetzt verfügt sie auch über Anbindungen an Firefox.

Answer 19

Bodengeschwindigkeit, ist nützlich zum Testen von serverseitigem Code.Es wurde für Eingabevalidierungstests während des Pentests erstellt, kann aber für alle Tests nützlich sein, die eine Manipulation von Eingaben erfordern (ähnlich wie TamperData).

Damit können Sie die Formularelemente auf der Seite steuern, ihren Typ und andere Attribute (Größe, Länge, Javascript-Ereignishandler usw.) ändern.So können Sie beispielsweise ein ausgeblendetes Feld oder eine Auswahl in ein Textfeld ändern und dann einen beliebigen Wert eingeben, um die Serverantwort zu testen und ähnliches.