Cómo hacer que tu sitio luzca genial con Google Chrome

viernes, 27 de marzo de 2009

Desde el lanzamiento de
Google Chrome
el pasado mes de septiembre, hemos recibido una serie de preguntas de webmasters y desarrolladores web sobre cómo hacer que sus sitios se vean fantásticos en Google Chrome. Las preguntas fueron muy perspicaces e iluminadoras para el equipo de Chrome, y quiero responder con algunos consejos útiles para hacer que tu sitio luzca estelar en Google Chrome.

Cómo detectar Google Chrome

La mayoría de los sitios se renderizarán igual tanto en Safari como en Google Chrome, porque ambos son navegadores basados en
WebKit. Si tu sitio se ve bien en Safari, entonces también debería verse bien en Google Chrome.

Como Chrome es relativamente nuevo, muchos sitios han confundido Google Chrome con otro navegador. Si tu sitio no se ve del todo bien en Chrome pero funciona bien en Safari, es posible que simplemente no reconozca la cadena de agente de usuario de Chrome.

A medida que las plataformas y los navegadores adoptan WebKit como su motor de renderizado, tu sitio puede detectarlos y admitirlos automáticamente con las comprobaciones de JavaScript adecuadas. Por lo general, los sitios usan JavaScript para “examinar” la propiedad
navigator.userAgent en busca de “Chrome” o “Safari”, pero debes utilizar una
detección de objetos adecuada
si es posible. De hecho, ¡Gmail ha estado detectando WebKit correctamente en Chrome desde el primer día!

Si debes detectar el tipo de agente de usuario, puedes usar este sencillo JavaScript para detectar WebKit:

O, si deseas comprobar que la versión de WebKit sea al menos una versión determinada, por ejemplo, si quieres usar una función nueva y genial de WebKit:

Como referencia, aquí hay algunas versiones de navegador y la versión de WebKit con la que se lanzaron:

No recomendamos añadir “Google” o “Apple” a tus comprobaciones de navigator.vendor para detectar WebKit o Google Chrome,

¡porque esto no detectará otros navegadores basados en WebKit o Chromium!
Puedes encontrar más información sobre la detección de WebKit en.

webkit.org

• Otros consejos útiles
• Google Chrome no es compatible con los complementos de ActiveX, pero sí con los complementos de NPAPI. Esto significa que puedes mostrar contenido de complementos como Flash y Java en Google Chrome de la misma manera que lo haces con Firefox y Safari. Si el texto de tu sitio se ve un poco extraño, asegúrate de proporcionar el tipo de contenido y la información de codificación de caracteres adecuados en las cabeceras de respuesta HTTP o al principio de tus páginas, preferiblemente cerca de la parte superior de la sección <head>
• .
• No pongas elementos de bloque dentro de elementos en línea.
  > Si tu JavaScript no funciona en Google Chrome, puedes depurarlo usando el depurador de JavaScript integrado de Chrome, en la opción de menú de la “página”
  > ‘Developer’

‘Debug JavaScript’.
Para ayudar a los webmasters y desarrolladores web a encontrar más respuestas, creamos un
centro de asistencia
y un
foro
específicamente para responder a tus preguntas. Por supuesto, si encuentras algo que crees que es realmente un error en Chrome,!

infórmanoslo

¡Ayúdanos a mejorar Google Chrome!
Si deseas ayudar aún más, estamos buscando sitios que puedan estar interesados en permitir que Google use su sitio como punto de referencia para nuestras mediciones internas de rendimiento y compatibilidad. Si estás interesado en que el desarrollo de Google Chrome se optimice frente a una versión en caché de tu sitio, ponte en contacto con nosotros para conocer los detalles en.

chrome-webmasters@google.com

¡Sigue enviándonos tus comentarios y nosotros seguiremos trabajando para mejorar Google Chrome!