So sieht Ihre Website mit Google Chrome großartig aus

Freitag, 27. März 2009

Seit der Einführung von
Google Chrome
im vergangenen September haben wir zahlreiche Fragen von Webmastern und Webentwicklern erhalten, wie sie ihre Websites in Google Chrome optimal aussehen lassen können. Die Fragen waren äußerst aufschlussreich für das Chrome-Team, und ich möchte mit ein paar hilfreichen Tipps antworten, damit Ihre Website in Google Chrome hervorragend aussieht.

Google Chrome erkennen

Die meisten Websites werden in Safari und Google Chrome genau gleich gerendert, da beide
WebKit-basierte Browser sind. Wenn Ihre Website in Safari richtig aussieht, sollte sie das auch in Google Chrome tun.

Da Chrome noch relativ neu ist, haben viele Websites Google Chrome mit einem anderen Browser verwechselt. Wenn Ihre Website in Chrome nicht ganz richtig aussieht, in Safari aber einwandfrei funktioniert, erkennt Ihre Website möglicherweise nur den User-Agent-String von Chrome nicht.

Da Plattformen und Browser WebKit als Render-Engine übernehmen, kann Ihre Website diese dank der richtigen JavaScript-Prüfungen automatisch erkennen und unterstützen. Üblicherweise verwenden Websites JavaScript, um die
navigator.userAgent -Eigenschaft nach “Chrome” oder “Safari” zu durchsuchen, aber Sie sollten nach Möglichkeit eine
ordnungsgemäße Objekterkennung
verwenden. Tatsächlich erkennt Gmail WebKit in Chrome bereits vom ersten Tag an fehlerfrei!

Wenn Sie den User-Agent-Typ unbedingt erkennen müssen, können Sie dieses einfache JavaScript verwenden, um WebKit zu erkennen:

Oder wenn Sie prüfen möchten, ob die WebKit-Version mindestens einer bestimmten Version entspricht – beispielsweise, wenn Sie ein schickes neues WebKit-Feature nutzen möchten:

Als Referenz finden Sie hier einige Browser-Releases und die darin enthaltenen WebKit-Versionen:

Wir empfehlen nicht, “Google” oder “Apple” zu Ihren navigator.vendor -Prüfungen hinzuzufügen,

um WebKit oder Google Chrome zu erkennen, da dadurch andere WebKit- oder Chromium-basierte Browser nicht erkannt werden!
Weitere Informationen zur Erkennung von WebKit finden Sie unter.

webkit.org

• Weitere hilfreiche Tipps
• Google Chrome unterstützt keine ActiveX-Plug-ins, aber NPAPI-Plug-ins werden unterstützt. Das bedeutet, dass Sie Plug-in-Inhalte wie Flash und Java in Google Chrome genauso anzeigen können wie in Firefox und Safari. Wenn Text auf Ihrer Website etwas verschoben aussieht, stellen Sie sicher, dass Sie den richtigen Content-Typ und Zeichensatz in den HTTP-Antwort-Headern oder am Anfang Ihrer Seiten angeben, vorzugsweise nahe dem oberen Bereich des <head>
• -Bereichs.
• Platzieren Sie keine Blockelemente innerhalb von Inline-Elementen.
  > Wenn Ihr JavaScript in Google Chrome nicht funktioniert, können Sie es mit dem integrierten JavaScript-Debugger von Chrome debuggen, den Sie im Menü “Seite”
  > ‘Developer’

unter der Menüoption ‘Debug JavaScript’ finden.
Damit Webmaster und Webentwickler noch mehr Antworten finden, haben wir ein
Support-Center
und ein
Forum
eingerichtet, die speziell auf Ihre Fragen eingehen. Wenn Sie natürlich auf etwas stoßen, das Ihrer Meinung nach wirklich ein Fehler in Chrome ist, melden Sie es uns bitte!

melden Sie es uns

Helfen Sie uns, Google Chrome zu verbessern!
Wenn Sie uns noch mehr helfen möchten, suchen wir nach Websites, die daran interessiert sind, Google ihre Website als Benchmark für unsere internen Kompatibilitäts- und Leistungsmessungen zur Verfügung zu stellen. Wenn Sie daran interessiert sind, die Entwicklung von Google Chrome anhand einer gecachten Version Ihrer Website optimieren zu lassen, kontaktieren Sie uns bitte bezüglich der Details unter.

chrome-webmasters@google.com

Schicken Sie uns weiterhin Ihr Feedback, und wir werden hart daran arbeiten, Google Chrome zu verbessern!