Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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.
no próprio google chrome você consegue fazer isso.
basta apertar ctrl + shift + i
/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/MtPxRKv.jpg&key=6d30cd0d15bc323c6dc8597dbd602062f927ecc351ee3c66969c12e98910aa90" width="732" data-imageproxy-source="https://i.imgur.com/MtPxRKv.jpg" />
em seguida clicar no canto como mostra a imagem. assim só mudar o tamanho da tela.