Aidez votre site à avoir fière allure avec Google Chrome

vendredi 27 mars 2009

Depuis le lancement de
Google Chrome
en septembre dernier, nous avons reçu de nombreuses questions de webmasters et de développeurs web sur la manière de rendre leurs sites superbes dans Google Chrome. Ces questions ont été très perspicaces et instructives pour l’équipe Chrome, et je souhaite y répondre avec quelques conseils utiles pour donner à votre site un aspect exceptionnel dans Google Chrome.

Détecter Google Chrome

La plupart des sites s’afficheront de la même manière dans Safari et Google Chrome, car ce sont tous les deux des navigateurs basés sur
WebKit. Si votre site s’affiche correctement dans Safari, il devrait également s’afficher correctement dans Google Chrome.

Comme Chrome est relativement récent, de nombreux sites ont confondu Google Chrome avec un autre navigateur. Si votre site ne s’affiche pas tout à fait correctement dans Chrome mais fonctionne bien dans Safari, il est possible qu’il ne reconnaisse tout simplement pas la chaîne d’agent utilisateur de Chrome.

À mesure que les plateformes et les navigateurs adoptent WebKit comme moteur de rendu, votre site peut les détecter et les prendre en charge automatiquement grâce aux vérifications JavaScript appropriées. Généralement, les sites utilisent JavaScript pour « scruter » la propriété
navigator.userAgent à la recherche de « Chrome » ou « Safari », mais vous devez utiliser une
détection d’objet appropriée
si possible. En fait, Gmail détecte correctement WebKit dans Chrome depuis le premier jour !

Si vous devez absolument détecter le type d’agent utilisateur, vous pouvez utiliser ce simple code JavaScript pour détecter WebKit :

Ou, si vous souhaitez vérifier que la version de WebKit est au moins d’une certaine version — par exemple, si vous souhaitez utiliser une nouvelle fonctionnalité sympa de WebKit :

À titre de référence, voici quelques versions de navigateurs et la version de WebKit avec laquelle ils ont été livrés :

Nous vous déconseillons d’ajouter « Google » ou « Apple » à vos vérifications navigator.vendor pour détecter WebKit ou Google Chrome,

car cela ne détectera pas les autres navigateurs basés sur WebKit ou Chromium !
Vous trouverez plus d’informations sur la détection de WebKit sur.

webkit.org

• Autres conseils utiles
• Google Chrome ne prend pas en charge les plug-ins ActiveX, mais il prend en charge les plug-ins NPAPI. Cela signifie que vous pouvez afficher du contenu de plug-ins comme Flash et Java dans Google Chrome de la même manière qu’avec Firefox et Safari. Si le texte de votre site semble un peu bizarre, assurez-vous de fournir le type de contenu et les informations d’encodage des caractères appropriés dans les en-têtes de réponse HTTP ou au début de vos pages, de préférence près du haut de la section <head>
• .
• Ne placez pas d’éléments de bloc à l’intérieur d’éléments en ligne.
  > Si votre JavaScript ne fonctionne pas dans Google Chrome, vous pouvez le déboguer à l’aide du débogueur JavaScript intégré de Chrome, situé dans le menu de la « page »
  > ‘Developer’

à l’option de menu ‘Debug JavaScript’.
Pour aider les webmasters et les développeurs web à trouver plus de réponses, nous avons créé un
centre d’assistance
et un
forum
spécifiquement conçus pour répondre à vos questions. Bien entendu, si vous trouvez quelque chose qui vous semble vraiment être un bug dans Chrome,!

veuillez nous le signaler

Aidez-nous à améliorer Google Chrome !
Si vous souhaitez contribuer davantage, nous recherchons des sites qui pourraient être intéressés par l’utilisation de leur site comme référence pour nos mesures internes de compatibilité et de performance. Si vous souhaitez que le développement de Google Chrome soit optimisé par rapport à une version mise en cache de votre site, veuillez nous contacter pour plus de détails à l’adresse.

chrome-webmasters@google.com

Continuez à nous faire part de vos commentaires et nous continuerons à travailler pour améliorer Google Chrome !