Guia de utilização da ferramenta BrowserSync

Introdução

“Browsersync is a module for Node.js, a platform for fast network applications. There are convenient installers for MacOS, Windows and Linux.”

Node.js é uma plataforma para desenvolvimento de aplicações server-side baseadas em rede utilizando JavaScript e o V8 JavaScript Engine, ou seja, com Node.js podemos criar uma variedade de aplicações Web utilizando apenas código em JavaScript.

• Assistente para testes manuais
• Agiliza os testes em vários navegadores
• Free

Instalando o BrowserSync

Instalando o Node.js

• Acessar https://nodejs.org/en/
• Baixar o instalador para o SO
• Instalar

Instalando o BrowserSync

O BrowserSync é instalado a partir do NPM, um componente do node.js

• Abrir uma janela do prompt de comando
• Digitar o comando:

npm install -g browser-sync

Iniciando o BrowserSync

Abrir o prompt de comando do Windows com permissões de Administrador e digitar o comando de acordo com o tipo de site:

Static sites

browser-sync start --server --files "css/*.css“

Dynamic sites

browser-sync start --proxy "myproject.dev" --files "css/*.css"

Exemplo:

browser-sync start --proxy “http://www.mstech.com.br" --files "css/*.css"

Configurações

Para acessar as configurações do BS, acessar:

localhost:3001