Estou trabalhando no front-end de um site e preciso ver como meu código se comporta em diferentes sistemas/navegadores. O Firefox e o Chromium possuem ferramentas de desenvolvimento que permitem que a tela seja configurada para tamanhos diferentes, mas não conseguem emular totalmente o mecanismo de upscaling da Apple e os sites ainda terão uma aparência um pouco diferente. Além disso, eles não levam em consideração navegadores diferentes.
Existe alguma ferramenta ou software que eu possa usar com o Ubuntu para verificar a aparência do meu site em diferentes dispositivos/navegadores?
Responder1
Existem serviços como:
- Pilha de navegador
- Teste móvel
- Responsabilizador
- Apetite- Provavelmente o melhor, mas dolorosamente lento para mim.
A melhor maneira ainda é testar o site em um dispositivo físico. Eu descobri que todas essas formas são lentas.
Responder2
Insira o URL do seu site, local ou online, e use os controles para ajustar a largura e a altura da sua janela de visualização para encontrar larguras exatas de pontos de interrupção em pixels. Em seguida, use essas informações em suas consultas de mídia para criar um design responsivo.
Para obter melhores resultados com o Responsivepx, você precisa pensar fora da caixa. Por alguma razão, não consigo fazer com que o Google e o Twitter me mostrem nada além de uma tela branca em branco no Responsivepx, embora o Bing e sites de notícias complicados sejam renderizados perfeitamente.