Ferramenta de teste sincronizado para Desenvolvimento de Sites

[PedroNunes 0]

Olá pessoal.

Eu estou a procura de alguma ferramenta que possibilite fazer teste sincronizados entre Desktop, Tablet e celular enquanto altero o código, seja html, css ou JS, para ver como esta o responsivo. 

Em meio as minhas pesquisas encontrei dois que diz ser muito usados, Ghostlab e Selenium, mas ambos estão com seus sites fora do ar, logo, não é possível baixa-los.

 

Então é isso, se alguém conhecer algo assim e que for de preferência grátis :) ficarei agradecido.

 

[Lifed 0]

no próprio google chrome você consegue fazer isso.

 

basta apertar ctrl + shift + i 

 

 

 

em seguida clicar no canto como mostra a imagem. assim só mudar o tamanho da tela.

 

 

 

 

[Omar~ 87]

Basta que você adicione isso no final do index, antes do fechamento do body.

<div id="tamanho" style="position: fixed; top: 30px; right: 0; font-size: 40px; background: red; z-index: 999"></div>
<script>
   var elem = document.getElementById('tamanho');
   elem.innerHTML = Math.ceil(window.innerWidth);
   window.onresize = function () {
      elem.innerHTML = Math.ceil(window.innerWidth);
   };
</script>

 

Então basta ir redimensionando a tela do navegador, para ter o resultado da resolução atual. Quando terminar o site basta apagar isso.