Skip to content

Instantly share code, notes, and snippets.

@enieber
Last active August 29, 2015 14:25
Show Gist options
  • Save enieber/39b4fd9f00160f5cdae6 to your computer and use it in GitHub Desktop.
Save enieber/39b4fd9f00160f5cdae6 to your computer and use it in GitHub Desktop.

Problema

Para fazer teste visuais quando se programa para web você precisa usar abrir vários navegadores e verificar se está tudo beleza. Até ai nada de novo, mas a partir do momento que você quer garantir que o visual do seu site ira funcionar em um numero grande de browser, você precisa testar em todos. Ai entra aquele velho método. Você abre o arquivo .html em todos os navegadores que quer suporta e torce para que não fique bugado em nenhum navegador. Se ficar... você altera seu css e sai dando F5 que nem loco em todos os navegadores aberto....

Se ao invés de você abrir seu .html em todos os navegadores que queira testar, você abrir um link em todos os navegadores e qualquer alteração feita em um navegador sera imediatamente feita em todos?

Com o (Browser sync)[browsersync.io] você consegue fazer isso de uma maneira muito fácil.

Basta você instalara o node e com o npm vc instala o browser sync.

Depois você: browser-sync start --server --files "css/*.css, *.html"

ele vai montar um servidor na sua pasta e qualquer alteração que estiver em um arquivo .html ou .css ele atualizara todos os navegadores que acessam o link do servidor.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment