Konnte ja nicht ausbleiben, dass es nun für den flinken Browser Google Chrome auch entsprechende Erweiterungen gibt… Bin derzeit am Testen und werden berichten, welche meine Lieblingsextensions werden, in ein paar habe ich mich schon verliebt!

Bei mir läuten immer gleich die Alarmglocken, wenn ich "neuer Browser" höre – als Gestalterin von so manchen Internet-Auftritten weiß ich ein Lied zu singen von störrischen Browsern und ihren Macken. Selbst in meinem Buch musste ich diesem Thema einigen Platz einräumen…

Wenn allerdings Google einen neuen Browser in den Markt schmeisst, dann werden die Alarmglocken zu Sirenen. Aber klar doch, neugierig wie ich bin, muss ich Google Chrome sofort downloaden und meine Nase reinstecken.

Erster Eindruck – aaahhh sehr aufgeräumt!

Hier die wichtigsten Punkte, die mir gleich aufgefallen sind:

• Meine Lesezeichenleiste wurde (nach Rückfrage) übernommen.
• An der rechten Seite zwei kleine Icons für "Seite" und "Optionen". Völlig ausreichend.
• Die Seiten erscheinen blitzschnell, selbst nach 30+ offenen Tabs/Seiten.
• Öffne ich einen neuen Tab, sehe ich einen Raster mit meinen meistbesuchten Seiten als Screenshots, auch keine schlechte Idee.
• Adressfenster = Suchfenster. Das wünsch ich mir seit langem! Als Standardsuche kann Google, MSN und Yahoo eingestellt werden

Was Webproducer aber am meisten interessiert – Chrome und CSS

Was macht der Browser mit meinen Seiten? Als ich las, dass Chrome auf der Safari-Engine basiert und WebKit einsetzt, war ich skeptisch, da es mit einigen Sites Probleme mit der Ansicht in Safari gab. Entwarnung – selbst die gewagtesten CSS-Konstruktionen werden korrekt dargestellt (soweit ich bis jetzt testen konnte).

Besondere Googies Goodies

WebInspector - rechte Maustaste auf beliebiges Element => Element untersuchen, öffnet den WebInspector, der die Seitenhierarchie samt Code und CSS anzeigt. Zwar noch kein Ersatz für Firebug, aber schon einmal ein erster Schritt in die Richtung (und jedenfalls bremst die Funktion nicht den Browser). Im gleichen Fenster kann der Resourcenverbrauch von Elementen der Seite (z.B. Bilder) betrachtet werden.

Tabs kann ich mittels Drag zu Seiten machen – sehr praktisch! Zusätzlich kann ich dann mehrere Tabs wieder in einem eigenen Fenster sammeln, d.h. ich kann Tabs nach Lust & Laune gruppieren.

Anwendungsverknüpfungen erlauben Dir, z.B. GMail als Verknüpfung auf Deinem Desktop abzulegen. D.h. Web-Anwendungen können wie Programme von Deinem Desktop aufgerufen werden.

Ausfallskontrolle – die wurde speziell für mich erfunden, danke"! Habe ich in einem anderen Browser 30+ Fenster offen und eines davon spinnt oder ist fehlerhaft, hängt sich der komplette Browser auf und der einzige Ausweg ist ein brutaler "Abschuss". Nicht so bei Chrome. Da jeder Tab/jede Seite eigenständig und unabhängig läuft (sozusagen wie ein eigener Browser), reisst eine fehlerhafte Seite auch nicht alle anderen mit.

Anonym browsen. Naja, wieweit ich in einem Google Browser "anonym" browsen kann, will ich dahingestellt lassen. Jedenfalls ist diese Funktion vorgesehen.

Fazit:

Jetzt heb ich mir die Diskussion über Big G mal für einen anderen Beitrag auf, Tatsache ist, wenn Google Anwendungen bastelt, dann weiß es, worauf es den Benutzern ankommt: Einfach, übersichtlich und auf die wichtigsten Funktionen reduziert. Was natürlich (noch) fehlt sind diverse Add-Ons, aber die werden sicher nicht lange auf sich warten lassen.

Wenn also "die Zeit" sinngemäß schreibt, dass Microsoft wegen Google Chrome nicht "Schlaflos in Seattle" sein muss, dann könnte das eine grobe Fehleinschätzung sein… Ich jedenfalls bin sehr gespannt auf die weitere Entwicklung.

Soeben entdeckt – der eierlegende Wollmilchbrowser >;o) kann (fast) alles, was frau sich beim Surfen so wünscht:

• Browsen (eh klar, oder?) auf Basis von IE
• HTTP-Server
• FTP – ersetzt FileZilla tadellos
• Screen Capture – knipst besuchte Seiten auf Wunsch (und einem Klick)
• Image Viewer – Bilder gleich im Browser ansehen und bearbeiten

Mein Tipp – ausprobieren!

Ich höre immer wieder davon, daß in Büros Arbeitscomputer automatisch nach Spuren durchsucht werden, die MitarbeiterInnen beim Surfen & Suchen hinterlassen. Aber auch, wenn Du in einem InternetCafé surfst oder Suchmaschinen benutzt, solltest Du dir darüber im Klaren sein, daß evt. nachvollziehbar ist, welche Seiten Du besucht hast oder welche Daten Du in Formularen eingegeben hast.

Abhilfe schafft hier ein kostenloser “Mini-Browser” (220K) namens Browzar, den Du auf einem Memory-Stick mitnehmen bzw. den Du als alleinstehende Applikation (ohne Installation) betreiben kannst. Sobald Du das kleine Programm beendest, siehst Du, daß die privaten Daten Deiner Internet-Sitzung gelöscht werden.

Browzar ist übrigens gänzlich werbefrei und es ist keine Registrierung zum Download erforderlich.

Da mir in unseren Kursen (und nach dem letzten Newsletter) immer wieder die Frage gestellt wird, wie man das Aussehen der von uns produzierten Seiten in verschiedenen Browsern testen kann, hier ein nützliches Tool, das ich kürzlich entdeckt habe. Es testet zwar nicht 120+ Browser/-versionen unter verschiedensten Systemen wie Browsercam, ist aber dafür kostenlos.

Browsershots - einfach & kostenlos
Testet derzeit 7 Linux Browser, Windows MSIE 5.0, 5.5, 6.0, 7.0, Firefox 1.5, 2.0, Safari 3.0 und Mac OSX Firefox 2.0 und Safari 2.0 (hmmm, hab aber soeben auch Screenshots für Opera 9.2.3 und 9.2.4 erhalten).

Toller Service!
Du klickst die Browser an, die Du testen möchtest, wählst evt. eine bestimmte Bildschirmauflösung, Farbtiefe, Javascript, Java, Flash; gibst in der Adressleiste oben die zu testende Seite ein und erhältst binnen weniger Minuten die entsprechenden Screenshots zur Ansicht. Sobald Du die Site wieder aufrufst und die Adresse Deiner Seite eingibst, erscheint die Seite mit den gespeicherten Bildern.

Screenshots für Webseiten
Da diese Screenshots 10 Tage am Server bleiben (wenn sie nicht aufgerufen werden), kannst Du diese also auch als Screenshots auf Webseiten verwenden. Wenn diese dann alle paar Tage durch den Aufruf der entsprechenden Seiten abgefragt werden, verlängert sich die Frist der 10 Tage immer wieder. Du kannst die Screenshots aber natürlich auch bei Dir speichern und bist damit unabhängig von deren Verfügbarkeit bei Browsershot.

Wie installiere ich Firebug?
Ganz einfach – klicke auf diesen Link, dann landest Du auf der Seite des Add-Ons. Laß Dich nicht von den japanischen Schriftzeichen irritieren. Wenn Du bereits im Firefox Browser bist, mußt Du nur auf den “Installation“-Link klicken. Es öffnet sich ein Dialogfenster, das Dir erlaubt, das Add-On mit einem Klick zu installieren. Nach einem Neustart von Firefox findest Du rechts unten im Browserfenster ein rundes Symbol (ist Firebug aktiviert, ist es grün, ist Firebug deaktiviert, erscheint es grau).

Was kann Firebug?
Öffne eine beliebige Seite im Browserfenster und klicke auf das Firebug Symbol. Im unteren Teil des Browserfensters erscheint nun das Firebug-Menü. Klicke im Firebug-Menü auf “Inspect“. Führe den Cursor über verschiedene Bereiche der Seite. Du siehst alle HTML- und CSS-Elemente, aber auch Scripts etc. markiert. Je nachdem, auf welches Element Deine Cursor zeigt, siehst Du im unteren Bildschirmteil die HTML-Hierarchie, die Verschachtelung von XHTML-Elementen, die dazugehörigen CSS-Definitionen, ob diese durch eine Vererbung beeinflußt werden und hunderte andere Hinweise mehr.

In der Praxis – Beispiel
Ich suche in einer Seite, die ich gerade erstelle, die Abhängigkeiten eines bestimmten CSS Elements in dem Dokument. z.B. sehe ich nicht auf den ersten Blick, warum eine Schriftgrösse anders dargestellt wird, als ich es definiert habe. Firebug zeigt mir nun evt., daß sich die Schriftgrösse durch die Abhängigkeit von der Schriftgröße in einem Eltern-Element ergibt.

Meine persönliche Erfahrung ist, daß diese Add-Ons oft aber auch zu Lasten der Performance gehen – und nicht nur der Browserleistung, sondern eine Vielzahl an Add-Ons können auch das System empfindlich verlangsamen (wenn dann Firefox zuviel Rechnerleistung beansprucht).

Ich werde hier von Zeit zu Zeit darüber schreiben, wie Ihr Firefox “tunen” könnt und auch nützliche Add-Ons vorstellen.

Grundsätzlich habe ich gelernt, daß alle “Spielereien” entbehrlich sind, es jedoch eine Handvoll nützlicher Add-Ons gibt, die Dir als Web Designer monatlich viele Stunden Arbeitszeit ersparen können.