Plug-in do navegador para redimensionar a janela para testes mais rápidos

9

Quando estou criando um site, trabalho no meu monitor externo de 22 ", o que é bom, mas para ter uma idéia melhor de como será o site em telas menores, preciso redimensionar a janela do navegador.

No momento eu uso http://resizemybrowser.com/ (que também possui uma extensão de safari), mas estava vagando se houver um plug-in do Firefox ou Firefox que tenha algo semelhante, procurei, mas até agora não consegui encontrar nada.

firefox google-chrome google-chrome-extensions firefox-extensions browser-plugin sam
fonte
Quais ferramentas você está usando para desenvolvimento web?
MDMoore313
texto sublime e Dreamwaver mas eu encontro-me inclinando-se mais para a sublime mais e mais do tempo
sam

Respostas:

13

Estava apenas pesquisando no firefox e descobri que ele também possui o modo "Design responsivo". Vá para Desenvolvedor da Web → Visualização de design responsivo .

insira a descrição da imagem aqui

Você receberá uma lista suspensa com resoluções predefinidas posteriormente:

insira a descrição da imagem aqui

sam
fonte
Existe uma API para esta opção? Gostaria de mudá-lo de dentro do código addon?
18714 Kamal Reddy
3

Na verdade, esse é um recurso interno do Chrome.

  1. Abra o DevTools ( F12)

  2. Abra as configurações

    insira a descrição da imagem aqui

  3. Defina o tamanho desejado para sua janela no painel Substituições .

    insira a descrição da imagem aqui

Nota: Ao selecionar um agente do usuário nesse painel, o Chrome tentará escolher automaticamente as métricas de dispositivo corretas para o agente selecionado.

Der Hochstapler
fonte
2

Para o Chrome, você pode usar o Window Resizer . No Firefox, você pode usar o Firesizer .

Bibhas
fonte
2
Note-se que em dezembro de 2013 alguns controvérsia surgiu com este plugin após uma atualização começou a redirecionar buscas do Google através de um terceiro
Charles Wesley