All Articles Web
Primeros pasos en Adobe BrowserLab
Geoff Blake on Fri, June 10th | 0 comments
In this post we'll be taking a look at BrowserLab. What the heck is BrowserLab? It's a tool for web designers, which allows them to preview their work in a variety of browsers, on different platforms.

En este post vamos a echar un vistazo a BrowserLab. ¿Qué diablos es BrowserLab? Es una herramienta para diseñadores web, lo que les permite ver su trabajo en una variedad de navegadores, en algunas plataformas diferentes. Por ejemplo, los desarrolladores de Mac basados ​​en que quieren saber cómo sus páginas son de representación en Internet Explorer, Chrome y Firefox en Windows, como Windows diseñadores que quieren ver a sus páginas en Safari, Chrome y otros navegadores en el Mac secundarios.

Ahora BrowserLab viene en dos sabores: En el panel interior de Dreamweaver CS5 , o como un servicio independiente que ofrece el sitio web de Adobe. Los dos son muy cool, pero en este post vamos a echar un vistazo a la versión de BrowserLab que está disponible en vivo en el sitio de Adobe.


Paso 1

Para empezar, vaya por delante y vaya a browserlab.adobe.com e inicie sesión con su ID de Adobe. A continuación, haga clic en Juegos de navegador en la parte superior.


Paso 2

Establece dentro del navegador, se puede especificar el navegador que desea utilizar para ver nuestro trabajo. Como cuestión de hecho, incluso podemos crear varios conjuntos si se quiere:

En la columna de navegadores disponibles en el centro, siga adelante y marcar los navegadores que le gustaría BrowserLab habilitar. Como puede ver, hay mucho allí, tanto en Mac como PC. Sería genial ver a Linux en allí también ... espero que en el camino pronto.


Paso 3

Ahora estamos listos para empezar a obtener una vista previa de nuestro trabajo. En la parte superior, haga clic en Test. Luego, en el campo en la parte superior de la pantalla, escriba la dirección URL del sitio o página que desea ver y pulse Enter.


Paso 4

Como puede ver, los navegadores al iniciar el procesamiento, y muy pronto obtendrá una vista previa en el interior BrowserLab para el primer navegador. ¿Cómo se ve? Desplazarse hacia arriba y hacia abajo dentro BrowserLab para que pueda ver la página completa. Los diseñadores que desee buscar cosas como mal prestados CSS, alineaciones, el espacio, y así sucesivamente, y luego, por supuesto, ir por la corrección de estos problemas.

¿Cómo saber qué navegador está viendo en la actualidad dentro de BrowserLab? Un vistazo a la esquina superior izquierda le hará saber. De hecho, eso es un menú desplegable, que le permitirá cambiar a otro navegador. Seguir adelante y darle una oportunidad.


BrowserLab ciertamente no es perfecto. Por ejemplo, usted no puede probar las secuencias de comandos, los tiempos de carga, o la interactividad, pero es una gran ayuda para los diseñadores. Se guarda este diseñador basado en Mac de salir y conseguir sus manos en un ordenador sólo para las pruebas!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: