Ver responsivo em Chrome com OffiDocs

DESCRIÇÃO

INTRODUÇÃO Seesponsive é uma extensão simples do Google Chrome que permite que você veja como o layout e o design de um site se ajustam responsivamente à medida que a largura da tela disponível muda.

Ele também permite que você veja as consultas de mídia que estão sendo progressivamente correspondidas ou não correspondidas, direcionando essas alterações.

USO Para usar a extensão, basta navegar até um site que usa consultas de mídia.

Em seguida, clique no botão de ação da extensão na barra de ferramentas.

Após alguns segundos, uma barra de ação preta aparecerá no topo da página com dois botões - Diminuir e Aumentar.

Clicar neles diminuirá e aumentará a largura do site para simular a mudança de largura do dispositivo.

À medida que isso ocorre, a barra de ação indicará quais consultas de mídia estão sendo correspondidas/não correspondidas em uma largura específica.

Para ver alguns exemplos de sites que usam media queries para se adaptar responsivamente, visite Media Queries (http://mediaqueri.

es/).

Observação: o site Media Queries não é de forma alguma afiliado e nem endossa essa extensão.

É apenas um site realmente útil que usei nas capturas de tela apenas para fins de demonstração.

PROBLEMAS CONHECIDOS Ocasionalmente, você pode descobrir que a mensagem de carregamento não desaparece e você obtém um pop-up de erro.

Este é um problema intermitente conhecido no momento.

Normalmente, recarregar a página e tentar novamente resolve.

CÓDIGO FONTE Esta extensão é de código aberto sob a licença MIT.

Veja o projeto Github para detalhes e código: https://github.

com/devilishio/seeesponsive

Informação adicional:

- Oferecido por Simon Collins
- Avaliação média: 5 estrelas (adorei)

Web responsiva extension integrado com o OffiDocs Chromium online