Browser Jumping

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Wenn Sie mich jetzt fragen würden, Hey Chris, was ist dein Lieblingsbrowser? Ich wüsste nicht, was ich Ihnen sagen soll! Ich war in den letzten Jahren hauptsächlich ein Firefox-Benutzer, aber in den letzten Monaten gehört meine Loyalität keinem einzigen Browser mehr. Ich bin ein Browser-Jumper. Ich habe das Gefühl, dass die Tools erst seit Kurzem vorhanden sind, mit denen ich das ohne allzu große Probleme tun kann.

Firefox, Chrome & Safari

Wenn ich sage, ich bin ein Browser-Jumper, meine ich wirklich nur diese drei. Ich würde mir wünschen, dass Opera mit von der Partie ist. Es ist schön und schnell. Das Dragonfly-Entwicklertool ist voll funktionsfähig, aber es unterstützt zwei meiner Krücken-Tools nicht: XMarks und 1Password. Wenn dieser Tag kommt, werde ich zumindest für eine Weile dorthin wechseln. Aus offensichtlichen Gründen verwende ich Internet Explorer nicht. Es ist einfach kein so guter Browser und ich bin nicht bereit, ihn zu verwenden, außer zum Testen. Ganz zu schweigen davon, dass ich auf einem Mac bin. Obwohl ich darauf teste, verwende ich VMWare Fusion und eine Reihe von „Snapshots“, in denen ich Windows XP und Vista in verschiedenen Zuständen halte, in denen native Versionen von IE 6/7/8/9 vorhanden sind.

Die wichtigsten Wegbereiter

Mein Browser-Jumping wird größtenteils durch ein paar Tools ermöglicht, die die Browser-Umgebungen für mich synchronisieren.

Xmarks

Wenn ich jedes Mal Lesezeichen exportieren und importieren müsste, würde ich wahrscheinlich nie wechseln. Ich benutze das Lesezeichenmenü selbst nicht oft, aber ich mag es, wenn meine Lesezeichenleiste in allen Browsern (und auf allen Computern) konsistent ist. Ich halte es ziemlich kuratiert, sodass ich es in allen meinen Browsern auf all meinen Computern sehen möchte, wenn ich einen Wechsel vornehme. XMarks macht das einfach und kostenlos.

Mmmm, Konsistenz.

1Password

Ich war etwas spät dran mit 1Password, aber jetzt spiele ich hart. Warum braucht man ein Passwort-Tool? Das habe ich früher gedacht. Mein Browser merkt sich bereits meine Passwörter. Ja, die meisten von ihnen tun das, aber bei weitem nicht so gut wie 1Password. 1Password speichert alle Ihre Benutzernamen/Passwörter in seiner Datenbank und ermöglicht es Ihnen über Browser-Erweiterungen, sie auf Websites einzugeben. Es macht es viel einfacher, mehrere Logins für dieselbe Website zu haben. Es kümmert sich auch um das automatische Ausfüllen von Formularen. Es speichert auch Ihre Kreditkarten in Ihrem „Wallet“, was Online-Einkäufe viel einfacher macht. Ganz zu schweigen von anderen Dingen wie Ihrem Führerschein. Es ist sehr praktisch, nicht danach graben zu müssen, wenn die Situation eintritt, in der Sie diese Informationen benötigen.

Der wahre Vorteil ist jedoch, dass es diese Informationen über Browser und Computer hinweg synchronisiert (mithilfe der Dropbox-Synchronisierung). Ändern Sie ein Passwort in Firefox auf Ihrem Laptop, gehen Sie nach Hause und verwenden Sie Safari auf Ihrem Desktop, und Sie werden keine Probleme haben.

Delicious

Ich markiere gerne Dinge auf Delicious, um sie später zu lesen, als weitere Referenz, nur zum Teilen oder was auch immer. Es stört mich einfach, wenn ich mich in einer Umgebung befinde, in der ich etwas, das ich gerade ansehe, nicht in Delicious markieren kann, also suche ich immer nach dieser Möglichkeit.

1Password ist in Safari voll funktionsfähig, d. h. es kann Formulare ausfüllen und senden sowie auf alle Ihre Formular-Vorausfüllungsdaten zugreifen.
1Password ist in Firefox gleichermaßen voll funktionsfähig.
1Password ist in Chrome ziemlich eingeschränkt (es ist nur Alpha) und erlaubt nur die Übermittlung von Logins. Es ist jedoch besser als nichts, da ich Chrome ohne es nicht verwenden könnte und ich Chrome liebe.

Entwicklungstools

Eines der Dinge, die mich so lange bei Firefox gehalten haben, war Firebug. OK, das Einzige. Firebug ist erstaunlich und meiner Meinung nach immer noch das beste Entwicklertool auf dem Markt. Aber jetzt ist der Web Inspector, der sowohl in Safari als auch in Chrome enthalten ist, funktional fast genauso fantastisch. Es ist tatsächlich viel schöner, aber ich diskutiere über einige der UI-Entscheidungen. Dragonfly in Opera ist auch sehr schön, aber wie gesagt, ich benutze Opera nicht oft. Da all diese Browser großartige Entwicklertools haben, ist dies kein Hauptfaktor mehr dafür, welchen ich verwende.

Der ursprüngliche König der Entwicklungstools, Firebug.

Der Web Inspector ist viel schöner als Firebug (insbesondere in Panels wie dem Ressourcen-Panel) und genauso leistungsstark wie Firebug.

Mein einziger großer Kritikpunkt am Web Inspector sind die Faltbereiche auf der rechten Seite. Wenn Sie oft Eigenschaften überprüfen, ist Metrics immer ganz unten vergraben. Die Registerkarten von Firebug sind viel einfacher.

Browser-Notizen

Firefox

Die Handhabung der URL-Leiste in Firefox ist mein Favorit unter allen Browsern. Wenn Sie mit der Eingabe beginnen, gleicht es das, was Sie bisher eingegeben haben, anhand der URL und der Seitentitel ab, was in der Regel zu wirklich intelligenten und nützlichen Ergebnissen führt. Wenn Sie eine unvollständige Webadresse eingeben, verhält sich die Leiste wie die Schaltfläche „Feelin’ lucky“ in Google, wo Sie zum ersten Ergebnis für diesen Suchbegriff in Google weitergeleitet werden. Wenn Sie beispielsweise „firebug“ eingeben, gelangen Sie zu „http://getfirebug.com“. Ich benutze dies ständig, um faul zu Zielen zu gelangen.

Die Firefox-URL-Leiste ist am hilfreichsten

Weitere Kurzhinweise zu Firefox

  • Firebug ist meiner Meinung nach immer noch das beste Entwicklungstool. Andere schwören darauf in Kombination mit der Web Developer Toolbar. Ich bin nie wirklich in das WDT-Ding eingestiegen.
  • Das Add-on Open With ist schön für Browser-Jumper. Es bietet ein Kontextmenü zum Öffnen der aktuell angezeigten Seite in anderen Browsern.

    Dies wäre auch ein guter Zeitpunkt, um Choosy zu erwähnen. Nicht Firefox-spezifisch, aber ermöglicht die Browserwahl beim Öffnen von Links.

  • Multifirefox ist ein großartiges Tool, um mehrere Versionen von Firefox (zum Testen) zur Verfügung zu haben. Laden Sie einfach alte Versionen von Firefox herunter und benennen Sie die Anwendungsdatei um (z. B. „Firefox 2.app“). Starten Sie dann diese Anwendung, um eine beliebige Version von Firefox zu starten, und Sie können ein bestimmtes Profil und eine bestimmte Version auswählen. Auf diese Weise können Sie mehrere Versionen gleichzeitig geöffnet halten, was Sie sonst nicht können.
  • Screengrab ist eine großartige Erweiterung für Firefox, die einen Schnappschuss der gesamten Länge einer Webseite erstellen kann. Ich habe keine Alternative (außer Paparazzi, das super alt ist) in anderen Browsern gefunden.
  • Firefox hat ein offizielles Delicious-Add-on.

Safari

Die Handhabung der URL-Leiste in Safari ist mein am wenigsten Favorit von den dreien. Es gleicht das, was Sie mit der Eingabe beginnen, sowohl anhand der URL als auch des Seitentitels ab, aber die Dropdown-Ergebnisse sind generischer und weniger hilfreich als Firefox. Denken Sie auch daran, wie Firefox die Eingabe eines Schlüsselworts mit den Ergebnissen im Stil von „Feelin Lucky“ zulässt. Wenn Sie versuchen, eine generische Suchzeichenfolge in Safari einzugeben, erhalten Sie wahrscheinlich nur eine Fehlerseite.

Ich habe das Gefühl, dass Safari in dieser Abteilung zulegen sollte. Obwohl es wahrscheinlich nur daran liegt, dass ich so an Firefox gewöhnt bin.

Weitere Hinweise zu Safari

  • Safari hat eine nervige Standardeinstellung, bei der, wenn es der Standardbrowser ist und eine andere Anwendung ihm mitteilt, einen Link zu öffnen, standardmäßig ein neues Fenster geöffnet wird. Ich bezweifle, dass viele Leute dieses Verhalten bevorzugen, da sie es stattdessen vorziehen, dass neue Links in Registerkarten geöffnet werden. Glücklicherweise gibt es eine Lösung dafür.
  • Das Anzeigen des Quellcodes in Safari liefert nicht hervorgehobenen, nicht verknüpften, nicht zeilennummerierten, leblosen Code. Sie können das mit der BetterSource-Erweiterung beheben.
  • Dies ist, was ich für Delicious in Safari verwende, aber es gibt jetzt auch eine native Erweiterung.
  • Sie können eine geschlossene Registerkarte in Safari mit Command-Z wieder öffnen, aber diese wieder geöffnete Registerkarte behält ihren Verlauf nicht bei, was schrecklich ist.

Chrome

Bemerkenswert an Chrome ist, dass es keine separate URL-Leiste und Suchleiste hat, sondern kombiniert ist. Dies ist clever als platzsparendes UI-Feature, erfordert aber etwas Eingewöhnung. Wenn Sie beispielsweise in Firefox oder Safari „getfirebug“ eingeben, gelangen Sie sofort zu „http://getfirebug.com“, aber Chrome, das dies nicht als vollständige URL ansieht, führt eine Google-Suche danach durch und erfordert einen zusätzlichen Klick, um dorthin zu gelangen, wo Sie hin möchten. Ich habe das Gefühl, dass Chrome, wenn überhaupt ein Browser das Verhalten vom Typ „Feelin’ Lucky“ haben sollte, es Chrome ist, aber ich kann auch verstehen, dass dies ohne ein dediziertes Suchfeld unmöglich ist.

Weitere Hinweise zu Chrome

  • Chrome hat eine sehr schöne Quellcode-Ansicht
  • Chrome hat eine nette Suchfunktion, bei der die Scrollpositionen der gefundenen Übereinstimmungen angezeigt werden.
  • Es gibt jetzt eine offizielle Erweiterung für Delicious in Chrome.
  • Chrome zeigt Seitentitel in der Registerkarte an, hat aber keinen dedizierten Bereich oben, um vollständige Seitentitel anzuzeigen, was sich seltsam anfühlen kann.

Ergebnisse

Selbst nachdem ich das alles aufgeschrieben hatte, konnte ich keinen Gewinner auswählen. Ich mag sie alle sehr. Ihre kleinen Vor- und Nachteile heben sich meiner Meinung nach gegenseitig auf. Ich habe Geschwindigkeit nicht erwähnt. Sie können subtile Geschwindigkeitsunterschiede zwischen ihnen auf verschiedenen Websites spüren, aber nichts Besonderes. Ich stelle auch fest, dass alle drei von Zeit zu Zeit abstürzen und keiner mit einer merklich höheren Rate.

Ist es das, was sie wollen?

Wenn wir an geheimen Strategiebesprechungen dieser Browser-Anbieter teilnehmen könnten, würden wir herausfinden, dass diese einfache Austauschbarkeit das ist, wonach sie gestrebt haben? Oder würden wir Planungen für zukünftige Strategien hören, um sich stärker voneinander abzugrenzen? Wir Webentwickler kämpfen immer dafür, dass sich das Web in allen Browsern gleich verhält, aber wollen wir, dass dieser Kampf auf die Benutzeroberfläche und Funktionalität der Browser selbst übertragen wird?

Ich weiß es wirklich nicht. In gewisser Weise schätze ich, wie einfach es geworden ist, hin und her zu wechseln, aber gleichzeitig muss ich mich fragen, was mit Wettbewerb und Innovation passiert, wenn die Endprodukte so ähnlich geworden sind.

 

Ich bin sicher, Sie alle haben Lieblingsbrowser, Lieblingstools und Lieblingstechniken für das Browser-Jumping. Fühlen Sie sich frei, sie zu teilen!