Para facilitar a tarefa crucial de testar a capacidade de resposta do seu site, aqui estão algumas excelentes ferramentas on-line gratuitas para você conferir.
responsivetest.net
Essa ferramenta de código aberto (o repositório está no GitHub caso você queira configurá-lo localmente) permite ver como uma página da Web será renderizada em vários tamanhos de tela. Existem muitos dispositivos suportados pelo ResponsiveTest, como iPhone, Blackberry, telefones celulares Samsung, laptops Dell e muito mais.
responsinator.com
O Responsinator recebe um URL e, em seguida, gera uma sequência de modelos de dispositivos com a página da Web renderizada neles para que você possa ter uma ideia de como o layout da página será experimentado por seus usuários em vários dispositivos.
Responsive
Um recurso útil que essa ferramenta possui é fornecer atalhos de teclado (por exemplo, pressionar T mostrará a visualização do tablet). Isso é útil se você gosta de alternar rapidamente entre várias visualizações de dispositivos.
amiresponsive
Esta é uma ferramenta Web simples para testar a capacidade de resposta de qualquer site. Além disso, a imagem de visualização renderizada pode ser um ótimo visual para suas apresentações, reuniões de design etc.
lab.maltewassermann.com
Este bookmarklet útil simplesmente permite redimensionar seu navegador para uma dimensão específica, por exemplo, a dimensão de um iPhone 5, ou Amazon Kindle Fire, ou qualquer uma das 47 predefinições de tamanho de tela do Viewport Resizer.
reizemybrowser.com
Essa ferramenta permite redimensionar seu navegador com base em qualquer um dos 15 tamanhos padrão que correspondem a alguns dispositivos populares (MacBook, iPad, etc.). Você também pode definir suas próprias dimensões personalizadas e também informa qual é o tamanho atual da janela do navegador.
Screenfly
Assim como algumas das outras ferramentas nesta lista, o Screenfly recebe qualquer URL e fornece uma visualização da página da Web em várias dimensões de tela predefinidas.
Designmodo
O Designmodo tem sua própria ferramenta de teste de design responsivo que pode ser útil quando você está projetando ou depurando seus pontos de interrupção responsivos.
pixeltuner.de
Como Responsinator, esta ferramenta de teste de web design responsivo da pixeltuner.de permite que você insira um URL que é renderizado dentro de vários modelos de dispositivos.
Responsive px
O responsivpx pode trabalhar com seus arquivos locais. O que eu faria é apenas abrir seu documento HTML em seu navegador da Web e copiar e colar o URI em responsivo. Isso é útil quando você está trabalhando em um projeto de design responsivo em seu computador.
Qual ferramenta você deveria usar?
Muitas dessas ferramentas de teste de design responsivo funcionam praticamente da mesma maneira, então escolher uma em vez da outra é apenas uma questão de preferência pessoal. Eu recomendo brincar com todos eles e depois escolher o que você mais gosta.