Entwicklung & Design

Firefox 10 lockt Entwickler mit Dev-Tools

Der neue Firefox 10 hat Entwickler-Tools wie den Page-Inspector für das Analysieren von Webseiten in Echtzeit gleich mit an Bord – ohne dass man sie zusätzlich als Erweiterung installieren muß. In einem Mozilla-Blog-Artikel werden die neuen integrierten Entwickler-Tools vorgestellt. Wir fassen den Artikel kurz für Euch zusammen.

Firefox Startseite

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:

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

4 Kommentare
reraiseace

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.

Antworten
Norman

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.

Antworten
79timon
79timon

Immer noch keine native Fullscreen-Unterstützung für Lion? Warum macht Mozilla sowas?

Antworten
Elmar
Elmar

Ü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.

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.