Nachdem ich heute Web Developer Toolbar auf 1.1.3 updated habe und ich schon immer darüber schreiben wollte, werde ich dies jetzt verwirklichen:
“Web Developer Toolbar” ist ein Add-On für Mozillas Firefox. Nachdem am 19. Jänner 07 1.1.2 erschien, folgte bereits am 31 Jänner 07 ist die momentan neueste Version 1.1.3. Es wurde von Chris Pederick programmiert und wird ständig weiterentwickelt.
Ich sage einmal so: Wer Webdeveloper ist, der verwendet Mozillas Firefox. Und wer Mozillas Firefox verwendet, der muss Web Developer Toolbar installieren. Mit diesem Add-On kann man alle möglichen Einstellungen bezüglich CSS, (X)HTML und andere Hintergrundfunktionen (Cookies, Cache) betätigen.
Hier präsentiere ich einmal die wichtigsten Funktionen:
- Disable: Cache, Java, JavaScript (multifunctional), Meta Redirects, Minimum Font Size, Page Colors, PopUp-Blocker, Proxy, Referrers
- Cookies: Disable Cookies (multifunctional), Clear Session Cookies, Clear Domain Cookies, Clear Path Cookies, View Cookie Information, Add Cookie
- CSS: Disable Styles (multifunctional), Display CSS by Media-Type (multifunctional), View CSS, View Style Information, Add User Stylesheet…, Edit CSS, Use Border Box Model
- Forms: Display Forms Details, Show Passwords, View Form Information, Convert Form Methods (multifunctional), Convert Select Elements to Text Inputs, Enable Auto Completion, Enable Form Fields, Clear Radion Buttons, Make Form Fields writeable, Populate Form Fields, Remove Maximum Lengths
- Images: Disable Immages (multifunctional), Disable Alt Attributes, Disable Image Dimensions, Disable Image File Size, Disable Image Paths, Find broken Images, Outline Images (multifunctional), View Image Information, Hide Background Images, Hide Images, Make Images Full SIze, Make Images Invisble, Replace Images with ALT Attribut
- Information: Display Abbreviations, Display Accesskeys, Display Anchors, Display Block Size, Display Div Order, Display Element Information, Display ID & Class-Details, Display Link Details, Display Object Information, Display Stack Levels, Display Tab Index, Display Table Depth, Display Table Information, Display Title Attributes, Display Topographic Information, View Anchor Information, View Color Information, View Document Outline, View Document Size, View JavaScript, View Link Information, View Meta Tag Information, View Page Information, View Reponse Headers
- Miscellaneous: Clear Private Data (multifunctional), Display Line Guiders, Display Page Magnifier, Display Ruler, Show Comments, Show Hidden Elements, Show Windows Chrome, Edit HTML, Linearize Page, Make Frames Resizeable, Small Screen Rendering, Visited Links (multifunctional)
- Outline: Frame, Headings, Links (multifunctional), Tables (multifunctional), Block Elements, Deprecated Elements, Positioned Elements (multifunctional), Current Element, Costum Elements…, Show Elements Name when outlining
- Resize: Display Windows Size, Display Window Size in Title, Resize Window, 800×600, Edit Resize Dimensions, Zoom (multifunctional)
- Tools: Validate CSS, Validate Feed, Validate HTML, Validate Links, Validate Section 508, Validate WAI, View Speed Report, Edit Tools, DOM Inspector, Error Console, Java Console, Display Page Validation, Validate Local Accessiblity, Validate Local CSS, Validate LocalHTML
- View Source: View Source, View Frame Source (multifunctional), View Generated Source, Edit View Source With Applications…
- Options: Persist Features, Reset Page, Options, Help, About
“multifunctional” bedeutet, dass es ein Untermenü gibt mit weiteren Funktionen bzw. Einstellungen. Bei “Disable” und “Outline” wurde darauf verzichtet vor jede Funktion Disable bzw. Outline zu schreiben.
Natürlich fragt man sich, was man von diesen Funktionen hat. Meine Lieblingsfunktionen kann ich ja beschreiben:
View Source / Validate HTML: Der Quelltext der (X)HTML-Datei wird direkt an den W3C-Validator gesendet, um dessen Kompatibilität zu überprüfen. Unentbehrlich für einen W3C-Anhänger wie mich 
Disable Styles / All Styles: Ich bin draufgekommen, dass keine Homepage so ähnlich ist wie meine Homepage Version 9.0 im Vergleich “MitStyles” “Ohne Styles”. Juhuu! Außerdem betätige ich immer wieder die Druckvorschau, um die Media-Typen der Stylesheets von versch. Homepages zu testen. Ich wundere ich dann schon sehr oft an was Entwickler (nicht) denken.
Cookies: Ich habe ja viele Artikel gelesen. “Cookies sind unsicher” “Speichern Sie keine sensiblen Informationen in Cookies”. Ähnlich war es mit den POST- & GET-Daten. Ich hatte dazu aber keinerlei Bezug. Ich bezweifle ja nicht, dass man unter Linux solche Sachen sehr leicht manipulieren kann, aber wie man so etwas machen könnte, dazu hatte ich keinerlei Bezug.
Eh klar…. als ich dann die Toolbar installierte (ist sehr lange her!), habe ich mir gedacht: “Ein Klick und ich kann alle Daten manipulieren”. Irgendwie fand ich dadurch halt Bezug dazu und ich versuche heute in meinen Skripten vorsichtiger und sicherer mit solchen Daten umzugehen.
Andere: Images deaktiveren, Element Informationen anzeigen,…. Als Webentwickler finde ich es wichtig auch andere Webseiten zu analysieren und entdecken. Die Toolbar kommt in der Angelegenheit in jeder Hinsicht entgegen und ich wüsste nicht, wie ich ohne sie heute noch auskäme. 
Recent Comments