Läuft auf allen Browsern

Freitag, 5. September 2008

Für Surfer,
Google Chrome
ist ein schneller,
aufregender neuer Browser. Als Webmaster ist dies eine gute Erinnerung daran, dass unabhängig von dem Browser, den Ihre Besucher verwenden, um auf Ihre Website zuzugreifen – Firefox, Internet Explorer, Google Chrome, Safari usw. –, die Browserkompatibilität oft oberste Priorität hat. Wenn Ihre Website schlecht dargestellt wird oder auf vielen Browsern schwer zu bedienen ist, riskieren Sie, das Interesse Ihrer Besucher und, wenn Sie eine monetarisierte Website betreiben, vielleicht auch deren Geschäft zu verlieren. Hier ist eine kurze Liste, um sicherzustellen, dass Sie die Grundlagen abdecken:

Stellen Sie die Browserkompatibilität sicher, indem Sie sich auf Barrierefreiheit konzentrieren

Dieselbe Technologie, die Ihre Website für Suchmaschinen zugänglicher macht, wie statisches HTML im Vergleich zu ausgefallenen Funktionen wie AJAX, hilft oft bei der Kompatibilität Ihrer Website in verschiedenen Browsern und zahlreichen Browserversionen. Einfacheres HTML ist oft leichter cross-kompatibel als die neuesten Techniken.

Erwägen Sie die Validierung Ihres Codes

Wenn Ihr Code
die Validierung besteht, haben Sie ein potenzielles Problem bei der Browserkompatibilität beseitigt.
Mit validiertem Codemüssen Sie sich nicht auf die Fehlerbehandlungstechnik der einzelnen Browser verlassen. Die Wahrscheinlichkeit ist größer, dass Ihr Code in verschiedenen Browsern funktioniert, und es ist einfacher, potenzielle Probleme zu debuggen.

Überprüfen Sie, ob er nutzbar ist (nicht nur korrekt dargestellt wird)

Es ist wichtig, dass Ihre Website gut angezeigt wird; aber ebenso wichtig ist es sicherzustellen, dass Benutzer die Funktionen Ihrer Website in ihrem Browser auch tatsächlich nutzen können. Anstatt nur einen Schnappschuss Ihrer Website zu betrachten, versuchen Sie, auf verschiedenen Browsern durch Ihre Website zu navigieren oder Artikel in Ihren Warenkorb zu legen. Es ist möglich, dass sich der anklickbare Bereich eines verlinkten Bildes oder Buttons von Browser zu Browser ändert. Wenn Sie außerdem JavaScript für Komponenten wie Ihren Warenkorb verwenden, funktioniert es möglicherweise in einem Browser, aber in einem anderen nicht.

Schritt 4: Die Kanten glätten

Dieser Schritt erfordert etwas Ausprobieren und Irrtum, aber es gibt mehrere gute Anlaufstellen, um die „Versuche“ zu reduzieren, während Sie Ihre Website browserübergreifend kompatibel machen.
Doctype
ist eine Open-Source-Referenz mit Testfällen für browserübergreifende Kompatibilität sowie CSS-Tipps und -Tricks.

Nehmen wir zum Beispiel an, Sie fragen sich, wie Sie den Versatz (Offset) für ein Element auf Ihrer Seite finden. Sie stellen fest, dass Ihr Code im Internet Explorer funktioniert, aber nicht in Firefox und Safari. Es stellt sich heraus, dass bestimmte Browser etwas pingelig sind, wenn es darum geht, den Versatz zu finden – glücklicherweise stellen
Doctype
Mitwirkende
den Code zur Verfügung, um das Problem zu umgehen.

Teilen Sie Ihre Tipps und Ressourcen zur Browserkompatibilität!

Wir würden gerne hören, welche Schritte Sie unternehmen, um sicherzustellen, dass Ihre Website für die meisten Besucher funktioniert. Wir haben einen ausführlicheren
Hilfscenter-Artikel
zu diesem Thema geschrieben, der Dinge wie die Angabe einer Zeichenkodierung bespricht. Wenn Sie weitere Tipps haben, teilen Sie diese bitte mit uns. Und wenn Sie Fragen zur Browserkompatibilität bezüglich der Suche haben, fragen Sie bitte!

Geschrieben von Maile Ohye, Developer Programs Tech Lead