SUCKUP.de

Opera 10 – Developer Tools

This blog post has been published on 2010-02-08 and may be out of date.

Habe soeben ein Problem mit dem Design (Suche) auf meiner Webseite korrigiert, da war ein < div > Tag welche nicht ganz passte.

Opera Beispiel 1

wie man auf dem Bild erkennen kann, ist unter dem Suchfeld kein Ergebnis, dies kam erst wesentlich später unten auf der Webseite. Um das Problem einzugrenzen, habe ich bei “Opera 10” folgende Funktion verwendet, welch mich sehr positiv überrascht hat.

Tools -> Advanced -> Developer Tools

Opera Beispiel 2

wie man auf dem vorherigen Bild erkennt, habe ich einfach mit aktivem “Developer Tools” auf die Stelle geklickt, an welcher der HTML-Fehler auftrat und schon wurde mir die passende Stelle im Quelltext angezeigt, zudem kann man den Quelltext nun “Live” bearbeiten und sich diese Auswirkungen direkt anschauen, so konnte ich den Fehler innerhalb von wenigen Minuten lösen.

Hier noch schnell das Ergebnis:

Opera Beispiel 3