Testumgebung:
Microsoft Windows XP PS2
Mozilla Firefox 3.01
Aardvark 2.96
Beschreibung:
Diese Erweiterung wird durch das Kontextmenü (rechte Maustaste)
Start Aardvark, wahlweise auch über
Extras - Start Aardvark, gestartet und zeigt sofort seine Stärken.
Das gerade mal 22KB große Paket zeigt bei einem schlichten Mouseover die Elemente (z.B. <td>, <table>, <h1> etc.) des ausgewählten Bereichs der aktiven Webseite.
Dieser Bereich wird durch einen roten Rahmen optisch vom Rest der Seite hervorgehoben. Desweiteren wird der Typ und die ID des Elements mit angezeigt.
Dies ist natürlich optimal für Webdesigner und erspart bei komplexen Seitenstrukturen eine mühsame Suche nach den zu ändernden Elemnten.
Natürlich ist das noch nicht alles.
Über die Taste "h" öffnet sich eine kleine Menübox in der verschiedene Tastenkürzel aufgeführt sind.
So lässt sich ohne viel Aufwand der Quelltext für den ausgewählten Bereich anzeigen (Taste "Q" bzw. "V") oder über die Taste "I" das Element isolieren.
Weitere Tastencodes (deutsche Version):
[Table=3]
[*]Taste
[*]Kurzbeschreibung
[*]Erklärung
[*]H [*]Hilfe [*]Blendet die Menübox mit den Tastenkürzeln ein
[*]G [*]Größer fassen [*]Wählt das nächst höhere Element.
[*]K [*]Kleiner fassen [*]Macht den letzten "Größer fassen"-Befehl rückgängig.
[*]E [*]Entfernen [*]Entfernt das gewählte Element.
[*]W [*]Wieder einfügen [*]Fügt das zuletzt entfernte Element an anderer markierter Stelle wieder ein.
[*]I [*]Isolieren [*]Isoliert das auswählte Element und löscht alle anderen.
[*]R [*]Rückgängig machen [*]Macht den letzten "Isolieren"-Befehl rückgängig.
[*]P [*]Permanent entfernen [*]Wenn Sie die Erweiterung RIP installiert haben, wird mit durch diesen Befehl ein Element dauerhaft entfernt.
[*]B [*]Breite entfernen [*]Entfernt feste Werte der Elementbreite (und der Unterelemente).
[*]Q [*]Quellcode anzeigen [*]Zeigt den Quelltext des gewählten Elements (inkl. Einrückungen und farbiger Hervorhebung).
[*]S [*]Schwarz-Weiß [*]Setzt die Schriftfarbe des Elements auf schwarz mit weißem Hintergrund.
[*]F [*]Färben [*]Der Hintergrund des Elements erhält eine Zufallsfarbe.
[*]J [*]JavaScript-Code [*]Generiert JavaScript-Quellcode zur Darstellung des aktuellen Elements mit W3C-DOM-Techniken.
[*]A [*]Aardvark beenden [*]Beendet Aardvark, Veränderungen bleiben jedoch bestehen.
[/table]
Weitere Tastencodes (englische Version):
[Table=3]
[*]Taste
[*]Kurzbeschreibung
[*]Erklärung
[*]W [*]Wider [*]Select a wider area. For instance, if you have selected a table cell, pressing W will select the table row
[*]N [*]Narrower [*]Undo the last "Wider" command
[*]Q [*]Quit [*]Quit Aardvark (that is, stop selecting elements), until you restart it from the menu
[*]U [*]Undo [*]Undo the last "remove" or "isolate" command.
[*]R [*]Remove [*]Delete the selected element
[*]K [*]Kill [*]Delete the selected element permanently
[*]I [*]Isolate [*]Delete everything surrounding the selected element
[*]B [*]Black on white [*]Set the element (and all contained elements) to be black text on white background
[*]C [*]Colorize [*]Sets the element's background to a random color
[*]V [*]View Source [*]Shows the source code of the element (with indenting and color highlighting)
[*]J [*]Javascript Source [*]Generates Javascript code for building the element with W3C DOM techniques. Seriously powerful.
[*]D [*]"De-widthify" [*]Removes any fixed width values from the element (and any contained elements)
[*]P [*]Paste [*]Insert the last removed element before the current selected element
[*]H [*]Help [*]Show (or hide) the list of keystrokes
[/table]
Auch die Optimierung für den Druck ist eine große Stärke von Aardvark.
So lassen sich z.B. nicht gewollte Elemente einfach über die Entfernen- (E) oder Remove- (R) Taste löschen und so kann eine Webseite auf das gewünschten Inhalt reduziert werden.
besondere Merkmale:
Vorteile:
Die liegen eigentlich klar auf der Hand.
Ein sehr leistungsstarkes Webdesigner-Paket für komplexe HTML oder CSS Strukturen.
Elemente schnell und komfortabel erkennen, selektierte Quelltexte anzeigen lassen um diese schnell in der Webseite zu finden und ggfs. zu ändern.
Nachteile:
Ein etwas zu großes Icon für die Navigations-Symbolleiste welches das Erscheinungsbild meines Firefox ein wenig verzerrt, aber das Icon ist ja kein muss.
Weitere Nachteile konnte ich in meiner bisherigen Anwenung nicht finden
Screenshots:
Fazit:
Unverzichtbar, bzw. nur schwer zu ersetzten, zumal Aardvark vieles in einem bietet. Ich nutze es sehr oft und bin wirklich froh das ch es haben darf.
Daher
Tim Taylor
