Archiv für März 27th, 2009
Internet Explorer – DebugBar
Ich hatte ja schon hier etwas über die Debugbar geschrieben. Allerdings macht sie mehr als nur zu debuggen, wodurch sie einen eigenen Beitrag verdient 
!
Ein paar nette Features:
Toolbar
- Fenstergröße anpassen (wie die Webdeveloper Toolbar im Firefox)
- Farbpipette! D.h. man kann per Pipette Farben in der Seite abnehmen.
- Screenshot der Seite per Email schicken
- Wenn eine Seite einen JavaScript Fehler hat, kann man dies per Email inkl. Screenshot versenden.
Seitenleiste
- DOM Baum als Baummenü ausklappbar
- Elementauswahl per Fadenkreuz (wie im Firebug „Element untersuchen“ bzw. „Inspect Element“)
- Auflistung der Scripte
- Ausführen von JavsScript Funktionen
- Infos zu z.B. Seitengröße in Bytes, Protokoll, Zeichensatz, Rendering Mode usw.
- UND DAS BESTE: Wenn das wirklich stimmt – Man sieht die dem Element zugewiesenen CSS Styles und aus welcher CSS Datei die Selektoren sind!!!
- Layout Anzeige:
Browser Tests
Es gibt verschiedene Möglichkeiten, seine Arbeit in verschiedenen Browsern zu testen:
Installieren
- Multiple IE (bedingt zu empfehlen bzgl. Web2.0)
- VM Ware mit fertigen Betriebssystem-Images
- Virtual Box (portable) mit fertigen Betriebssystem-Images
Browser Screenshots machen lassen
- guter Artikel beim Smashing Magazine unter „Browser Tests: Online-Services & Tools“
Testsuite auf dem Mac
- Alkaline – 17 Windows browsers on your Mac. (macht aber auch nur Screenshots)
Update 08.04.:
