Estou criando um website responsivo no qual preciso testar a renderização de CSS, html e javascript da minha página na resolução de 2400px, enquanto minha tela é de apenas 1900px.
No navegador Chrome:
Pressione F12 . Isso abrirá o DevTools.
Clique no ícone de configurações no canto inferior direito. Isso abrirá as configurações do DevTools.
Vá para Substituições no menu à esquerda.
Verifique as métricas de Ativação e Dispositivo.
Digite a resolução da tela
Eu sempre uso, é muito conveniente.
Você pode experimentar este site para testar sua página da Web com qualquer resolução de tela permite escolher entre uma resolução predefinida ou inserir sua resolução personalizada. espero que você ache essas linhas úteis.
Esta pergunta é provavelmente mais adequada para os webmasters , mas vou dar uma olhada e sugerir ViewLikeUs que
allows you to check out how your website looks in the most popular resolution formats.
Adicione uma resolução de tela personalizada no painel de controle da sua placa de vídeo.
Experimente este testador de resolução on-line, ele oferece várias resoluções diferentes para testar seu site, basta digitar a URL do seu site, selecionar uma resolução e verificá-la.
Espero que isso ajude !!!
Você pode experimentar o complemento do Chrome: testador de resolução que oferece suporte a resoluções:)
Se você apertar Ctrl + Deslocar + M em versões recentes do Firefox, você irá inserir Responsive Design View , que pode redimensionar a viewport do navegador para ser maior que o tamanho real da tela. Você também pode tirar screenshots e simular eventos de toque a partir de FF 26.
Clique para aumentar o tamanho
Você pode achar mais fácil redimensionar depois de tornar a janela menor - você pode arrastar os sizers ainda mais de uma só vez. Ou apenas insira uma predefinição personalizada no menu suspenso.
Basta alterar o zoom do seu navegador, quando você diminui o zoom, essencialmente, o tamanho da sua janela está reportando uma largura maior e maior ao seu aplicativo.
exemplo jsfiddle aqui , basta clicar no botão, ver a largura do relatório, diminuir um pouco o zoom e clicar no mesmo botão - reportará um tamanho maior.
Experimente as configurações de resolução personalizadas no emulador de dispositivos no Google Chrome. Isso lhe dá mais controle do que usar a funcionalidade de zoom do navegador.
Ative o emulador de dispositivo e marque a opção "zoom para ajustar".
Insira manualmente resoluções de até 9999px de largura (ou arraste as bordas da tela emulada. A resolução emulada será dimensionada para caber na sua própria janela de exibição.
Você pode manter a altura da resolução baixa, já que poderá rolar para baixo mesmo assim. Desta forma, você pode manter o inspetor aberto também. Um ótimo fluxo de trabalho para desenvolvimento web!
Tags windows resolution display website