Browser Sync es un potente modulo para Node.js que facilita y agiliza el diseño de sitios web que se adapten perfectamente a cualquier resolución y dispositivo.
Esta aplicación gratuita permite sincronizar de forma simple los distintos navegadores con los archivos de un proyecto para que los cambios realizados se muestren automáticamente en todos los navegadores sincronizados. Esto acelera considerablemente el proceso de diseño ya que podemos visualizar instantáneamente las modificaciones que hagamos en distintas resoluciones o dispositivos (móviles, tablets, etc.).
Este proyecto funciona perfectamente en los navegadores más populares: Firefox, Chrome, Internet Explorer 7/8/9/10, Safari, Opera. Ademas de obviamente la mayoría de los navegadores para móviles: iOS, Firefox, Android, iOS, Opera y Windows Phone.
Si bien este proyecto funciona perfectamente en una sola computadora la verdadera potencia aparece cuando sincronizamos varios dispositivos, por ejemplo podemos sincronizar nuestros archivos CSS para que se actualicen en una computadora con Mac OS X – Chrome y otra con Windows 8 e Internet Explorer. De esta manera estaríamos ahorrando muchísimo tiempo en nuestras pruebas, evitando la necesidad de actualizar individualmente los navegadores en cada maquina.
Este modulo funciona desde la linea de comandos, en el sitio oficial podemos encontrar mucha información acerca de su uso. Entre sus posibilidades Browser Sync permite sincronizar archivos CSS, HTML, imágenes y documentos estáticos de todo tipo.
Esta herramienta corre perfectamente con los lenguajes más populares: PHP, Rails, ASP, etc. Incluso podemos sincronizar nuestros proyectos mediante el uso de un servidor web casero, pueden ver una demostración en la documentación oficial del proyecto.
Web oficial:Browser Sync
