Como visualizar nuestras Webs en distintos navegadores

8 de Febrero, 2008

Todo aquel que desarrollo página Web con se habrá llevado un quebradero de cabeceza al comprobar que la página Web realizada no ve ve bien en la versión x del navegador x. Para testear correctamente tendríamos que tener todos los navegadores en todas sus versiones instaladas en nuestro ordenador, lo cual es inviable. Yo utilizo dos herramientas muy útiles que me permiten comprobar el aspecto que tendrá la página Web en los diferentes navegadores y que ahora os indico.

IE NetRenderer

Esta página Web nos permite visualizar el aspecto de nuestras páginas sólo en explorer, pero es rápido y funciona muy bien. Yo siempre visualizo sobre Firefox a memida que voy creando una Web, después la testeo con explorer 7 que es que tengo en mi equipo y gracias a esta herramienta la testeo en Internet Explorer 6 e Internet Explorer 5.5

Normalmente suelen ser estas dos versiones de Explorer las que dan más problemas y gracias a esta herramienta podremos ir corrigiendo nuestro código para que se vea correctamente bajo estos navegadores. Yo ya he dejado atrás el Internet Explorer 5.5 ya que es un navegador muy antiguo que apenas nadie utiliza ya.

Enlace: http://ipinfo.info/netrenderer/index.php

browsershots.org

Esta herramienta es mucho más completa que la anterior ya que nos permite ver el aspecto de nuestra Web bajo diferentes sistenas operativos (Windows, Linux, Mac OS, BSD) y diferentes navegadores Web como explorer, firefox, safari, Dillo, Galeon, Opera, etc. Y no sólo eso sino que lo comprueba en las distintas versiones de estos navegadores.

El proceso es esta herramienta es más lento, hay que estar pendiente de la página, actualizándola cada poco y pulsando el botón Extender para que no nos caduque la sesión. Durante este tiempo la Web va creando imágenes del aspecto de la Web en cada uno de los navegadores y una de las cosas buenas que tiene es que cuando finaliza te puedes descargar en un archivo comprimido todas las imágenes del aspecto de tu Web en cada uno de los navegadores y versiones. Es una herramienta muy útil.

El enlace es: http://browsershots.org

These icons link to social bookmarking sites where readers can share and discover new web pages.

Categorías: General, Herramientas, css
Suscripción RSS a los comentarios

Artículos relacionados

6 Comentarios sobre “Como visualizar nuestras Webs en distintos navegadores”

He leído en los párrafos de arriba, precisamente el problema que tengo yo en mi web y que no se como solucionar. Me parecía recordar que había una etiqueta HTML, o alguna formula, cuando se hace una página con Dreamweaver que obligaba a todos los navegadores a ver las cosas como tu quieres. ¿No es así?

Yo he hecho mi página desde un MAC, comprobándola en Safari, claro, y en los demás navegadores es un desastre, pese a que en mi ordenador se ve “niquela”.

Si alguien lee esta y me pudiera ayudar se lo agradecería con el corazón.

Un abrazo
Joaquín

Joaquín Ortiz
1 de Febrero, 2009 - 0:01

Joaquín si explicas un poco más el problema quizás te podamos ayudar. Normalmente los navegadores que suelen presentar más problemas son las diferentes versiones de internet explorer y la solución suele pasar por utilizar varias hojas de estilos.

Un saludo

nacho
2 de Febrero, 2009 - 21:09

Hola, mi problema es que estoy modificando una web que creo se ha diseñado en un windows con dreanweaver - Yo tengo un mac osx, (por lo que la pagina no se ve bien ni en safari ni en firefox, solo se ve biebn en internet explorer) el tema es que si yo modifico la web con mi mac en dreanweaver como compruebo lo que voy haciendo, si en safari y firefox no se ve bien. si me podeis ayudar se lo agradeceria, he pensado hasta en comprarme un pc con windows ya que empezaré a dedicarme al diseño web -

Caf
29 de Septiembre, 2009 - 15:12

Hola Caf,

La Web debería de verse correctamente en todos los navegadores. El problema es que la persona que diseño la página Web sólo se preocupó que la página Web se visualizara correctamente en explorer dejando de lado el resto de los navegadores. Seguro que es un problema de interpretación de las hojas de estilos.

Tanto Safari, como Firefox, o Chrome interpretan igual y mejor que Explorer las hojas de estilos por lo que es preferible siempre diseñar para estos navegadores y después arreglar los desajustes que el Explorer haga en la Web con condicionales.

La solución no es comprarte un PC, sino conocer a fondo el mundo de las hojas de estilo CSS y los bugs que se producen principalmente en explorer. Es cuestión de echarle tiempo y ganar experiencia.

nacho
3 de Octubre, 2009 - 16:13

Bien dicho pero el problema es que yo hecho varias webs y en todos los navegadores que mencionas y todo correcto, pero cuando pruebo en Explorer 6 sale una doble cabecera pero en 7 y 8 todo bien porlo cual dedusco que es mejor aveces empezar a atacar a esos exploradores obsoletos , de que forma,pues asiendo publicidad o recomentdando el explorador que mas te guste para asi dejen de utilizar el nefasto explorer en especial el 6 jajajaja saludos, procierto yo uso firefox, atte el josgui de mexico para el mundo

JoSgUi
18 de Diciembre, 2009 - 18:21

JoSgUi yo siempre empiezo a maquetar basándome en Firefox, compruebo que se vea bien en Chrome, Safari, etc., corrijo el CSS si es necesario y después ya entro en faena con las diferentes versiones de los navegadores de Microsoft usando condicionales en los casos que sea necesario.