Firefox mit neuen Entwicklerwerkzeugen
Firefox mit neuen Entwicklerwerkzeugen (Bild: Mozilla)

Mozilla Firefox 10 steht zum Download bereit

Mozillas Browser Firefox 10 steht ab sofort zum Download bereit. Firefox 10 enthält mehrere neue Entwicklerwerkzeuge, eine verbesserte Synchronisation und unterstützt das Vollbild-API. Die offizielle Ankündigung von Firefox 10 soll im Laufe des Tages erfolgen.

Anzeige

Mozilla hat Firefox 10 um neue, integrierte Entwicklerwerkzeuge erweitert. Dazu zählen der Page und Style Inspector sowie das Scratchpad.

Page- und Style Inspector

Mit dem Page Inspector können Design, Styles, Schriften, Farben und Positionierungen von Elementen einer Website untersucht werden. Entwickler können die HTML- und CSS-Regeln sehen, die der Browser für ein bestimmtes Element anwendet.

Der Page Inspector wird über den Menüpunkt "Inspect" im Menü "Web Developer" oder mit der Tastenkombination Strg-Shift-I unter Windows und Linux beziehungsweise Cmd-Shift-I am Mac aufgerufen.

  • Firefox 10: Breadcrumbs im Page Inspector
  • Firefox 10: Konsole im Page Inspector
  • Firefox 10: HTML-Ansicht für einzelne Elemente im Page Inspector
  • Firefox 10: Hervorhebung von HTML-Elementen durch den Page Inspector
  • Firefox 10: Eigenschafts-Ansicht im Style Inspector
  • Firefox 10: Regel-Ansicht im Style Inspector
  • Erweitertes Scratchpad in Firefox 10
Firefox 10: Hervorhebung von HTML-Elementen durch den Page Inspector

Ist der Inspector aktiv, werden die jeweiligen Elemente einer Website hervorgehoben und Tag, ID und Klassen des Elements angezeigt. Am Fuß der Seite blendet der Inspector eine Werkzeugleiste ein, in der sich Entwickler anhand von sogenannten Breadcrumbs durch die HTML-Struktur durcharbeiten können. Über den Knopf "HTML" am rechten Rand der Werkzeugleiste kann der HTML-Code jedes Elements angezeigt werden, was alternativ auch mit Strg-H möglich ist.

Mit dem Schalter "Style" wird die Stil-Ansicht aktiviert. Sie zeigt, welche CSS-Anweisungen auf ein Element angewendet werden. Dabei stehen eine Regel-basierte Ansicht und eine Eigenschafts-basierte Ansicht zur Verfügung. Erstere ist ähnlich wie der CSS-Code aufgebaut und zeigt alle Regeln, die auf ein Element angewendet werden. Hier kann jede einzelne Regel einfach ein- und ausgeschaltet sowie editiert werden.

Die Eigenschaftsansicht hingegen zeigt die wirklichen CSS-Eigenschaften eines Elements an, beispielsweise die letztendlich verwendete Schriftgröße. Die Stil-Ansicht kann alternativ auch mit Strg-S aktiviert werden.

Scratchpad

Das Scratchpad von Firefox wurde um den Orion Code Editor erweitert. Er erlaubt es, mehr als nur Text zu verändern und unterstützt dabei unter anderem Syntax-Highlighting, um das Schreiben von Javascript zu vereinfachen.

Zudem wurde das Scratchpad in die Session-Wiederherstellung von Firefox eingebunden. Nimmt man darüber Änderungen am Javascript-Code einer Seite vor, stellt Firefox diese Änderungen bei einem Neustart wieder her.

Vollbild-API in Firefox 10 

eiapopeia 02. Feb 2012

Gerade unter Linux kommt das doch eh im Hintergrund mit, ohne dass du dich kümmern müsstest?

Stebs 01. Feb 2012

Btw, es gibt auch eine Extension dafür (sogar für Chrome), auf https://github.com/mozilla...

SSD 01. Feb 2012

Ist doch beim Firefox genauso, wenn man automatische Updates aktiviert, oder nicht? (man...

morbidmorgis 01. Feb 2012

Das war ja meine Frage^^. Warum 64-Bit? ;)

NiklasJansen 01. Feb 2012

30 sinds bei mir nicht, nur ~20. Startet trotzdem in 1-2s.

Kommentieren


Antary / 31. Jan 2012

Firefox 10 ist fertig



Anzeige

  1. Anwendungsbetreuer SAP Business ByDesign (ByD) (m/w)
    Roland Berger Strategy Consultants GmbH, München
  2. Software-Entwickler (m/w) SAP ABAP / SAP ABAP OO
    AOK Systems GmbH, Frankfurt am Main
  3. PDM Consultant (m/w)
    Robert Bosch GmbH, Stuttgart-Feuerbach
  4. Problem Manager Telematik-Endgeräte (m/w)
    Daimler AG, Stuttgart

 

Detailsuche


Spiele-Angebote
  1. Xbox One Konsole inkl. Evolve [Xbox One]
    349,00€
  2. DriveClub - Special Edition mit Steelbook (exklusiv bei Amazon.de) (PS4) reduziert
    37,99€
  3. Tom Clancy's Splinter Cell: Chaos Theory Download
    4,95€

 

Weitere Angebote


Folgen Sie uns
       


  1. MotionX

    Schweizer Uhrenhersteller gegen Apple

  2. Grafikfehler

    Macbook-Reparaturprogramm jetzt auch in Deutschland

  3. Uber

    Taxi-Dienst wächst in Deutschland nicht weiter

  4. Überwachung

    Apple-Chef Tim Cook fordert mehr Schutz der Privatsphäre

  5. Mountain View

    Google baut neuen Unternehmenssitz

  6. Leonard Nimoys Mr. Spock

    Der außerirdische Nerd

  7. Die Woche im Video

    Abenteurer, Adware und ein fixer Anschluss

  8. Nachruf

    Dif-tor heh smusma, Mr. Spock!

  9. Click

    Beliebige Uhrenarmbänder an der Apple Watch nutzen

  10. VLC-Player 2.2.0

    Rotation, Addons-Verwaltung und digitale Kinofilme



Haben wir etwas übersehen?

E-Mail an news@golem.de



Freenet: Das anonyme Netzwerk mit der Schmuddelecke
Freenet
Das anonyme Netzwerk mit der Schmuddelecke
  1. Geheimdienstchef Clapper Cyber-Armageddeon ist nicht zu befürchten
  2. U-Bahn Neue Überwachungskameras können schwenken und zoomen
  3. Matthew Garrett Intel erzwingt Entscheidung zwischen Sicherheit und Freiheit

Technical Preview im Test: So fühlt sich Windows 10 für Smartphones an
Technical Preview im Test
So fühlt sich Windows 10 für Smartphones an
  1. Internet Explorer Windows 10 soll asm.js voll unterstützen
  2. Microsoft Windows 10 erhält Anmeldestandard Fido
  3. Mobiles Betriebssystem Technical Preview von Windows 10 für Smartphones ist da

Lifetab P8912 im Test: Viel Rahmen für wenig Geld
Lifetab P8912 im Test
Viel Rahmen für wenig Geld
  1. Medion Lifetab P8912 9-Zoll-Tablet mit Infrarotsender kostet 180 Euro
  2. Medion Life X5001 5-Zoll-Smartphone mit Full-HD-Display für 220 Euro
  3. Lifetab S8311 8-Zoll-Tablet mit UMTS-Modem im Metallgehäuse für 200 Euro

  1. Modaine > Mondaine

    limasign | 09:28

  2. Re: punkt für apple!

    rabatz | 08:31

  3. Re: Hochkant-Videos...

    JumpLink | 08:28

  4. Re: Ganz toll

    widdermann | 08:28

  5. Re: Neues Patent füe Apple

    Madricks | 08:18


  1. 15:24

  2. 14:40

  3. 14:33

  4. 13:41

  5. 11:03

  6. 10:47

  7. 09:01

  8. 19:46


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel