Struktur, Styles und JavaScript von Webseiten im Firefox erkunden
Mit drei neuen integrierten Tools für Webentwickler erleichtert der neue Firefox 10 das Erkunden von Webseiten-Strukturen, -Styles und eingebundenen JavaScripts, wie in einem Blog-Artikel von Mozilla erläutert wird. Man klickt im Firefox zum Beispiel einfach auf ein beliebiges HTML-Element innerhalb einer Webseite, wählt dann über rechte Maus „Element untersuchen“ und bekommt die dazugehörige HTML-Struktur im Page-Inspector im unteren Bereich des Firefox-Fensters präsentiert.
CSS-Eigenschaften und -Regeln werden im rechten Fensterbereich über den Style-Inspector angezeigt. Im Style-Inspector kann man ausserdem CSS-Werte in Echtzeit verändern und sich das Ergebnis als Vorschau direkt im Firefox anzeigen lassen. Das so genannte Scratchpad, das in der deutschen Firefox-Version als Notizblock bezeichnet wird, vereinfacht die Arbeit mit JavaScript indem es z.B. Syntax-Highlighting anbietet.
Die neuen integrierten Entwickler-Tools im Firefox 10 erinnern stark an das schon seit langem bekannte Firebug-Plugin, dass somit eigentlich überflüssig wird. Wenn man Firebug trotzdem zusätzlich installiert hat, erscheint im Firefox-Menu ein eigener Firebug-Eintrag unter „Extras > Web-Entwickler“.
Neben den integrierten Entwickler-Tools unterstützt Firefox 10 jetzt auch die Mozilla Full-Screen-API, über die mittels JavaScript ein komfortabler Vollbildmodus für beispielsweise Browser-Spiele realisiert werden kann. Für das 3D Web sind im Firefox 10 Anti-Aliasing für WebGL und CSS 3D Transforms dabei.
Weiterführende Links:
- Firefox Adds Powerful New Developer Tools – The Mozilla Blog
- Web Developer’s Toolbox – Firefox Add-Ons
- Firefox Download – Mozilla.org
- Fullscreen-API: So funktioniert der Vollbildmodus mit JavaScript und CSS – t3n News
- Experimenteller Firefox nutzt JavaScript für Gamepad-Spielsteuerung – t3n News
- CSS3: Animationen ohne Flash und JavaScript erstellen – t3n News
- 3D Web: Standards, Plugins und Frameworks auf einen Blick – t3n News
von reraiseace 07.02.2012 (18:03Uhr) 1.
Die neuen Entwickler-Tools von Firefox sind einfach nur Mist. Sie sind noch nicht richtig umgesetzt und ausgereift. Gerade der Page-Inspector bringt es nicht. FIrebug ist immer noch ungeschlagen als Add-on für den Firefox. Dazu noch die Web-Developer Bar und mehr braucht man an sich auch nicht.
Die Konsolen in Chrome/Iron und Opera sind um Längen besser, als das Erstlingswerk von Mozilla. Auch die geplante 3D Ansicht einer Webseite in Firefox 11 finde ich persönlich sinnlos und mehr Spielerei als praktischer Nutzen.
von Norman 07.02.2012 (22:57Uhr) 2.
Auf jeden Fall ein Schritt in die richtige Richtung. Firebug ersetzt es noch nicht aber für kleinere CSS/HTML Debugging-Arbeiten reicht es aus.
von 79timon 07.02.2012 (23:29Uhr) 3.
Immer noch keine native Fullscreen-Unterstützung für Lion? Warum macht Mozilla sowas?
von Elmar 08.02.2012 (21:51Uhr) 4.
Überholt! Der FF bei 10 der I.E. erst bei 9. Herzlichen Glückwunsch! Endlich geschafft, endlich besser.
Aber mal zusammengefasst, welche 7 wesentlichen Technologisprünge gab es seit Version 3.x? Habe da wohl gerade ein Blackout.