Web site de teste em diferentes tamanhos de ecrã e resoluções

Índice:

Web site de teste em diferentes tamanhos de ecrã e resoluções
Web site de teste em diferentes tamanhos de ecrã e resoluções

Vídeo: Web site de teste em diferentes tamanhos de ecrã e resoluções

Vídeo: Web site de teste em diferentes tamanhos de ecrã e resoluções
Vídeo: Informática para Concusos - Windows Explorer - AlfaCon - YouTube 2024, Abril
Anonim

Se você é um webmaster ou possui um blog ou um site, pode ter tentado testá-lo em diferentes tamanhos de tela ou resoluções. Se não, então devo dizer que geralmente é uma boa idéia ver como o seu site fica em diferentes resoluções de tela, especialmente se você estiver usando um design responsivo, para que você possa ter certeza de que ele está com boa aparência em diferentes resoluções.

Hoje, a maioria dos principais sites da Web agora usa o design responsivo da Web, que funciona muito bem em desktops, tablets e telas móveis. Quando dizemos resolução da tela, refere-se à clareza das imagens e do texto exibido na tela. Se a resolução da sua máquina for superior a 1600 x 1200 pixels, as imagens e o texto caberão bem na tela e parecerão mais nítidos. Da mesma forma, nos dispositivos com resolução de tela menor, como 800 x 600 pixels, menos itens do website cabem na tela e parecem maiores.

Web site de teste em diferentes tamanhos de ecrã e resoluções

Se você está se perguntando como testar o site em diferentes tamanhos de tela e resoluções, deixe-me dizer que existem diferentes ferramentas disponíveis para o mesmo. Eu tentei incluir as ferramentas mais usadas nesta parte da escrita.

Quirktools.com/screenfly

É um dos testadores de resolução mais comumente usados online - ele suporta muitas resoluções de tela, incluindo TV, tablets, telefones celulares, notebooks e desktops com diferentes resoluções. Você também pode verificar seu site para qualquer tamanho de tela personalizado com o Screenfly. Ele também tem uma opção "Compartilhar" para compartilhar os resultados dos testes de resolução.

Para usá-lo, basta adicionar o URL do seu website e clicar no botão "Ir". A ferramenta mostrará os resultados em uma fração de segundo para:
Para usá-lo, basta adicionar o URL do seu website e clicar no botão "Ir". A ferramenta mostrará os resultados em uma fração de segundo para:
  • Desktop com diferentes resoluções
  • Smartphones (Motorola RAZR V3, Motorola RAZR V8, BlackBerry 8300, Apple iPhone 3 e 4, LG Optimus S, Samsung Galaxy SII, Asus Galaxy 7, iPhone 5 da Apple, Samsung Galaxy SIII)
  • Tablets (Kindle Fire, Kindle Fire HD 7”, Kindle Fire HD 8.9”, Google Nexus 7, Apple iPad 1-3 / Mini)
  • Aparelhos de televisão com diferentes resoluções.

    Image
    Image

TestSize

TestSize é um aplicativo web simples que permite visualizar seu site em várias resoluções. Você pode selecionar as resoluções manualmente no menu suspenso e verificar a aparência do site. Você também pode verificar seu site em um tamanho de tela personalizado, adicionando a largura e a altura por conta própria.

Basta inserir o URL do seu website na coluna acima, selecionar a resolução no menu suspenso, escolher a largura e a altura e clicar em "Abrir pop-up". A ferramenta mostrará os resultados na mesma janela, bem como em um novo pop-up.

Image
Image

Screen-Resolution.com

A resolução de tela é outra ferramenta muito boa para testar o site em diferentes resoluções. É uma ferramenta rápida e simples para verificar a resolução do site. Ao contrário das outras duas ferramentas de teste de resolução on-line mencionadas acima, a resolução de tela tem as opções de resolução na parte inferior. Você pode selecionar manualmente a resolução; Você quer testar seu site para. Resolução de tela funciona melhor no navegador Internet Explorer, onde exibe os resultados na mesma janela. Para outros navegadores, como o Google Chrome e o Firefox, ele exibe o resultado em uma nova janela pop-up.

É uma ferramenta muito simples para testar sites em diferentes tamanhos de tela e resoluções, usando este site. Abra a ferramenta no Internet Explorer, adicione seu URL e clique em "Verificar página". O resultado será exibido na mesma janela.

Testar seu website sob várias resoluções é sempre benéfico, pois ajuda a garantir que o design do seu website esteja funcionando bem em tamanhos e dispositivos de tela variados.
Testar seu website sob várias resoluções é sempre benéfico, pois ajuda a garantir que o design do seu website esteja funcionando bem em tamanhos e dispositivos de tela variados.

Posts relacionados:

  • As 10 melhores ideias de presentes de tecnologia para o Natal
  • Como o Microsoft Surface Tablet se compara ao Apple iPad?
  • Envie documentos do Windows PC para o Kindle de forma livre e rápida usando Enviar para o Kindle
  • Samsung trabalhando na próxima geração do Windows Phone - The Galaxy W
  • Ajuste o seu monitor para uma melhor resolução de tela no Windows 10/8/7

Recomendado: