Funcionando en todos los navegadores

viernes, 5 de septiembre de 2008

Para los internautas,
Google Chrome
es un navegador rápido,
emocionante y nuevo. Como webmasters, es un buen recordatorio de que, independientemente del navegador que tus visitantes utilicen para acceder a tu sitio —Firefox, Internet Explorer, Google Chrome, Safari, etc.—, la compatibilidad con navegadores suele ser una alta prioridad. Cuando tu sitio se visualiza mal o es difícil de usar en muchos navegadores, corres el riesgo de perder el interés de tus visitantes y, si gestionas un sitio monetizado, tal vez su negocio. Aquí tienes una lista rápida para asegurarte de que cubres lo básico:

Garantiza la compatibilidad con navegadores centrándote en la accesibilidad

Las mismas técnicas que hacen que tu sitio sea más accesible para los motores de búsqueda, como el HTML estático frente a características sofisticadas como AJAX, a menudo ayudan a la compatibilidad de tu sitio en varios navegadores y numerosas versiones de navegadores. Un HTML más simple suele ser más fácil de hacer compatible entre navegadores que las técnicas más recientes.

Considera validar tu código

Si tu código
pasa la validación, has eliminado un problema potencial en la compatibilidad con navegadores.
Con código validado, no necesitarás depender de la técnica de manejo de errores de cada navegador. Hay una mayor probabilidad de que tu código funcione en diferentes navegadores y es más fácil depurar posibles problemas.

Comprueba que sea usable (no solo que se renderice correctamente)

Es importante que tu sitio se muestre bien; pero igualmente importante es asegurarte de que los usuarios puedan utilizar realmente las funciones de tu sitio en su navegador. En lugar de limitarte a mirar una captura de pantalla de tu sitio, intenta navegar por él en varios navegadores o añadir artículos a tu carrito de compras. Es posible que el área en la que se puede hacer clic de una imagen enlazada o un botón cambie de un navegador a otro. Además, si utilizas JavaScript para componentes como tu carrito de compras, puede funcionar en un navegador pero no en otro.

Paso 4: Solucionar los inconvenientes

Este paso requiere algo de prueba y error, pero hay varios lugares buenos para ayudar a reducir las “pruebas” a medida que haces que tu sitio sea compatible con múltiples navegadores.
Doctype
es una referencia de código abierto con casos de prueba para la compatibilidad entre navegadores, así como consejos y trucos de CSS.

Por ejemplo, supongamos que te preguntas cómo encontrar el desplazamiento (offset) de un elemento en tu página. Notas que tu código funciona en Internet Explorer, pero no en Firefox y Safari. Resulta que ciertos navegadores son un poco quisquillosos cuando se trata de encontrar el desplazamiento; afortunadamente, los colaboradores de
Doctype
proporcionan el código
para solucionar el problema.

¡Comparte tus consejos y recursos sobre compatibilidad con navegadores!

Nos encantaría conocer los pasos que estás tomando para asegurar que tu sitio funcione para la mayoría de los visitantes. Hemos escrito un
artículo del Centro de Ayuda más detallado
sobre el tema que analiza cosas como la especificación de una codificación de caracteres. Si tienes consejos adicionales, por favor compártelos. Y, si tienes preguntas sobre compatibilidad con navegadores relacionadas con la búsqueda, ¡por favor pregunta!

Escrito por Maile Ohye, Líder Técnico de Programas para Desarrolladores