Alternativa à Extensão cromada "Redimensionador da janela"
à luz da recente controvérsia (Dec 2013) Sobre a extensão Chrome intitulada "Redizer janela", quais são algumas soluções alternativas para redimensionar rapidamente o navegador Chrome para testes de desenvolvimento Responsivo?
10 answers
O teste de resolução muda o tamanho da janela do navegador para os programadores para visualizar seus sites em diferentes resoluções de tela. Inclui: uma lista de resoluções comumente usadas e a capacidade de personalizar isso lista. Ele também dá aos usuários a opção de ativar o tamanho do navegador Google.
Está disponível no cromo webstore:
Https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal
Outra solução nativa para testar projetos sensíveis é usar as ferramentas de desenvolvimento do Chrome incorporadas. Escolha Ferramentas - >Ferramentas de desenvolvimento, em seguida, clique no ícone engrenagem no canto inferior direito da janela que aparece. Clique em " Activar "e clique em" métricas do dispositivo " e você pode especificar qualquer resolução que você gostaria de replicar.
Além disso, ao mudar o" agente do utilizador " no ecrã, o Chrome define as métricas do dispositivo para o dispositivo escolhido, o que pode vir a ser útil ao decidir onde pontos de paragem sensíveis devem ser para os dispositivos mais populares.Isto não é tão fácil como uma extensão de dois click, mas tem a vantagem de ser uma solução sem extensão, e também usando medições exatas de tela de dispositivos reais.
Sim!
Eu recomendo evitar extensões, ferramentas master chrome dev com atalhos de teclado .
Abra-os usando
F12
ou
ctrl+mudança+eu(Gnu/Linux ou Windows)
cmd+opt+eu(Mac)
ou
Menu > Ferramentas > Ferramentas De Desenvolvimento
Editar: imagens actualizadas de modo a reflectir as ferramentas do Google chrome.
Um gif diz isso melhor!
(dica: abrir a imagem numa página nova)
Para actualizar a resposta do @Dave, como no Chrome 35.0. 1916. 153m, terá de seleccionar o ícone mostrar a gaveta (>=) à esquerda do ícone da engrenagem, seleccionar as fontes e depois a página de emulação.
Para obter as ferramentas mais actuais, vá para @FireCodings link para as ferramentas de desenvolvimento de emulação móvel do Google, e baixe/instale Chrome Canary . Em seguida, em Canary escolha Ferramentas- > Ferramentas de desenvolvimento, clique no ícone móvel no canto superior esquerdo da janela ferramentas (no fundo do navegador), clique em fontes e emulação. As informações estão no link da Página do Google para demonstrar como usar as ferramentas.
O Google tem muita documentaçãosobre a criação de extensões. Eu fiz esta extensão realmente simples {[5] } que faz tudo o que eu precisava para um projeto, você também pode encontrar o código para isso em github.
Aqui está um marcador de mudança de tamanho de janelas que funciona muito bem:
Na verdade, o desenvolvedor recuou e acabou removendo a parte de código ofensivo (chamado "Ecolinks") de sua extensão. A partir de hoje, as coisas da filial devem ter desaparecido.
Fonte: https://productforums.google.com/d/msg/chrome/mlAD1ygc0v0/gKLKWxoGrkIJ
Changelog para a versão 1.9.0.3
Versão 1.9.0.3 (2014-01-15): devido à procura popular, eu removi o rótulo ecológico.
Em janelas com AutoHotKey instalado, grava o abaixo em redime-cromo.ahk e duplo-click para executar:
WinMove, ahk_exe chrome.exe,, 0, 0, 1024, 768
Você pode obter a extensão directamente deste post no site oficial de desenvolvimento
Http://windowresizer.userecho.com/topic/353032-did-you-pull-your-extension-from-the-google-store/
Eu também estava a tentar encontrar algo para usar, mas nenhum é como esta extensão, o melhor para mim até agora