Eu gostaria de digitar um valor de largura para o tamanho da tela para que eu possa fazer pontos de quebra adequados. Muitas vezes me vejo tentando avançar um pixel de cada vez de tamanho para outro. Isso nem sempre é bem-sucedido no Chrome, já que às vezes eu uso dois pixels de cada vez. Existe uma maneira de fazer a largura de um tipo específico de largura?
Estou usando o Mac OS X. Essa pergunta tem a ver com as ferramentas dev porque estou perguntando como posso usá-lo para definir a largura da janela do navegador usando o teclado. Se eu ajustar a largura entre a tela de desenvolvimento e a página com o mouse, um número aparecerá mostrando a largura e a altura da janela. Isso é útil ao usar pontos de interrupção para criar sites responsivos. Gostaria de saber como fazer isso com o teclado, para não precisar usar o mouse para obter precisão ponto a ponto.
Nas Ferramentas do desenvolvedor do Chrome, abra o Console e selecione a guia Emulação. Aqui você encontrará "Dispositivo" para selecionar em uma lista de dispositivos comuns (como um iPhone; isso também alterará o agente do usuário como enviado ao servidor) e você encontrará "Tela" para definir as dimensões manualmente.
Vejatambém
No Chrome, há uma extensão chamada "Ferramentas para desenvolvedores da web". Essa extensão tem um recurso onde você pode fazer o navegador redimensionar para um HxW específico. Você pode até configurar seus próprios tamanhos.
(Não tenho certeza se tenho permissão para postar links, então vou me abster de fazê-lo).
Editar:
Obrigado Will!
Este é o link para o autor da extensão: link