Ver el aspecto de una página web con distintos navegadores

Uno de los mayores quebraderos de cabeza para todos aquellos que intentamos hacer páginas web utilizando todo el potencial que las nuevas herramientas nos proporcionan es que hacer nuestro código compatible con todos los navegadores.

Para comprobar el aspecto de nuestra página en distintos navegadores tenemos varias opciones, pero en este caso me gustaría destacar una herramienta que Adobe ha lanzado junto a su suit para desarrolladores/diseñadores y que tiene como finalidad mostrarnos capturas de pantalla del aspecto de nuestra página en distintos navegadores.

Esta herramienta se llama Browser Lab, es 100$ online y, lo mejor de todo, que es gratuita. También señalar para aquellos os trabajen con Dreamweaver que se integra junto a él para mejorar sus capacidades.

También nos permite cambiar en cualquier momento de navegador o comparar dos capturas de distintos navegadores simultáneamente, como se muestra en la imagen.

Como pega, que solo nos permite seleccionar un número limitado de navegadores aunque, eso sí, incluye los más necesarios, como son las versiones antiguas y obsoletas de Internet Explorer.

Comentarios

Entradas populares de este blog

Exportar archivo de configuración de WinSCP

S i estamos trabajando con WinSCP seguro que ya hemos guardado distintas sesiones para acceder a ellas directamente en futuras ocasiones y evitar volver a introducir todos los parámetro de configuración. Seguro que también muchos de vosotros habéis agrupado las sesiones en carpetas dependiendo de la naturaleza de las mismas. Este trabajo ocupa un valioso tiempo que no nos podemos permitir repetirlo para todos los equipos que tenemos, por lo que lo más lógico es configurar todas las sesiones y exportar su configuración al resto de equipos , teniendo una sola versión y evitarnos tener que volver a configurar todas las sesiones en cada uno. El problema es que WinSCP no nos muestra la opción de exportar de una forma sencilla, por lo que tendremos que buscarnos la vida. Lo primero que debemos hacer es abrir el programa y acceder a Preferencias -> Almacenamiento (o su equivalente al inglés) En esta pantalla deberemos indicar que almacene la configuración en un arc...

Refrescar página web automáticamente con PHP

C uando necesitamos refrescar nuestra página web automáticamente cada cierto tiempo, lo primero que se nos ocurre es utilizar una función en JavaScript, pero debemos saber que también lo podemos hacer con código PHP. La función de refresco de página en PHP es muy sencilla, por lo que pasamos a verla directamente: $self = $_SERVER['PHP_SELF']; //Obtenemos la página en la que nos encontramos header("refresh:300; url=$self"); //Refrescamos cada 300 segundos Nota: 300 segundos = 5 minutos (para que los veáis más claramente).

Asignar valores por defecto a input=”file” y a textarea

S eguro que muchos os habéis estado rompiendo la cabeza buscando la forma de dar un valor por defecto a el tipo de dato input=”file” . Pues que sepáis que no se puede!!! No se puede dar un valor por defecto a los campos de este tipo, ya que hacen referencia a una ruta física local y podrían surgir problemas de seguridad. Lo que se puede hacer, por ejemplo, es mostrar la imagen o el nombre del dato que tenemos almacenado y si el usuario desea modificarla, ofrecerle la opción de cargar una nueva. La etiqueta textarea , aunque pueda parecérnoslo, no se trata de un input y para darle valor por defecto simplemente debemos mostrar el texto que deseemos entre su marca de apertura y de cierre. Es decir, en caso de que lo que deseemos mostrar por defecto sea una variable, introduciremos el siguiente código: <textarea id="txtobservaciones" name="txtobservaciones" rows="2" cols="40" class="txt" ><?=$_POST["txtobservaciones"] ?...

XandruSoft Web Blog

Buscar este blog

Deprecations: Add an explicit @return annotation to suppress this message in codeception