Herramientas para ver tu web en varios navegadores

Noviembre 10, 2009

Webmasters

Una de las grandes encrucijadas de un diseñador web, es conseguir que su página se vea bien en todos los navegadores. Nuestro mayor enemigo es Internet Explorer, sobretodo sus versiones anteriores, ya que incomprensiblemente aún existen usuarios o incluso universidades que las siguen usando.

Afortunadamente dispones de un buen número de herramientas para comprobar la visibilidad de tu portal en los diferentes navegadores, desde complementos de Firefox hasta aplicaciones online.

Complementos de Firefox

Puedes optar por instalar los navegadores más utilizados y comprobar su apariencia con un solo clic mediante complementos de Firefox.

Safari: Complemento Safari View Win | Instalador Safari.
Chrome: Complemento Chrome View | Instalador Chrome.
Opera: Complemento OperaView | Instalador Opera.
Internet Explorer: Complemento IE View o IE Tab | Instalador IE.

Herramientas Online

Una de las mejores alternativas es utilizar alguna herramienta online que permite comprobar tu web en distintas versiones de los navegadores más utilizados y en varios sistemas operativos.

1. Adobe BrowserLabs

Adobe lanzo hace poco BrowserLabs, una útil aplicación online que permite verificar tu sitio en diferentes navegadores y configuraciones. Además es posible integrarlo con Dreamweaver CS4 para mayor comodidad.

Enlace: Adobe BrowserLabs

2. BrowserShots

Uno de los más utilizados y recomendables. Testea tu sitio en múltiples versiones de cada navegador, y en distintos sistemas operativos. Es gratuito aunque suele tardar bastante en terminar, pero es posible descargar los Screens y ver con calma los resultados.

Enlace: BrowserShots

3. Net Renderer

Una alternativa rápida para comprobar tu web en las distintas versiones de Internet Explorer. En muchos casos, si se ve correctamente en IE, es probable que también se vea bien en los demás.

Enlace: Net Renderer

4. Total Validator

Completísima herramienta donde aparte de poder comprobar tu portal en varios navegadores, verifica también algunos aspectos importantes, como errores gramaticales, código fuente, accesibilidad, enlaces rotos. Además dispone de un complemento de Firefox para validar páginas.

Enlace: Total Validator

Navegadores de Texto

Aunque muy poca gente utiliza este tipo de navegadores, si es cierto que los navegadores de los móviles no son tan distintos a los de modo texto.

Si bien existen algunas herramientas para facilitar un poco las cosas a los móviles, también puede ser útil para mejorar la usabilidad y observar cómo ven tu sitio los buscadores.

Linx View: http://www.delorie.com/web/lynxview.html
Html2txt: http://cgi.w3.org/cgi-bin/html2txt

Resolución de Pantalla

Es interesante hacerse una idea de cómo se ve tu sitio web dependiendo de la resolución de pantalla del usuario, ya que puede ser útil para mejorar la accesibilidad.

1. ViewLike

Esta página permite ver la apariencia de tu web en distintas resoluciones que van desde 800x600 hasta 1900×1200, además de poder ver como se mostraría en la WII o en un iPhone.

Enlace: ViewLike

2. Screen Size Test

Otra web para comparar la apariencia de tu web en diferentes resoluciones de pantalla, de una forma muy simple.

Enlace: ScreenSizeTest

Seguro que muchas de estas herramientas nos pueden hacer la vida un poco más fácil para diseñar nuestras páginas y tener la tranquilidad de que se ven bien en todos los navegadores.

Como curiosidad, en el 2008 se desarrollo una aplicación llamada Acid3 Test que comprueba los estándares web de distintos navegadores, y los que mejores resultados dan, como era de esperar, son Firefox y Chrome.

Tags: Navegador Web Usabilidad

Comentarios [0]

Si te gustó el artículo...

Puedes seguir el blog a través de Twitter, Facebook o tu lector de feeds RSS.

0 Comentarios

Aún no hay escrito ningún comentario

Deja tu Comentario

Asigna una imagen a tu email con Gravatar, si no sabes accede al siguiente Tutorial.

Información

Aplicamos el tag nofollow, y los enlaces con keywords en los comentarios podrían ser eliminados, intentamos mantener limpio el blog de spam.
Puedes usar las etiquetas <i>, <b>, <em>, <strong>, <a>, href, procura cerrarlas adecuadamente o tu comentario podria no mostrarse del modo que deseas.
Si necesitas que se vean en el comentario caracteres especiales como los usados en lenguajes de programacion como php, xhtml, etc., debes escribirlo dentro de las etiquetas [code] [/code], de lo contrario no se mostrará.
Procura no escribir enlaces que no tengan ninguna relación con el tema.
Si realizas una crítica procura argumentarla, pero sobretodo evita los insultos.