google-chrome - plugin - tag google app




Como reposicionar as ferramentas do desenvolvedor do Chrome (6)

Atalho de teclado para alternar a posição de encaixe (lateral / inferior)

CTRL + SHIFT + D

E há muitos atalhos que você pode vê-los, indo para

Configurações »Atalhos , conforme exibido aqui:

Como alternativa, use CTRL + ? para ir para as configurações, a partir daí pode-se chegar ao sub-item "Atalhos" à esquerda ou usar a referência oficial .

As ferramentas são abertas na parte inferior da janela do Chrome por padrão. Esta é uma escolha bastante ruim para uma tela ampla, pois há muito espaço vazio à direita, mas não muito espaço vertical para poupar. Infelizmente, não encontrei maneiras de reposicionar as ferramentas. Eu gostaria de tê-los ao lado, semelhante ao firebug.

A única opção semelhante ao que eu quero é separar as ferramentas de desenvolvimento e colocar o chrome e a janela de ferramentas lado a lado. Isso não é muito conveniente para navegar rapidamente pelo IDE do navegador para o navegador e voltar, então uma solução "integrada" seria boa.


Chrome 46 ou mais recente

Clique no botão de reticências verticais (⋮) e escolha a opção de acoplamento desejada.

Chrome 45 ou mais

Segure longamente o ícone do encaixe no canto superior direito. Ele aparece uma opção para alterar o encaixe

Para alterar a divisão entre os painéis HTML e CSS, vá em DevTools para Configurações (F1)> Geral> Aparência> Layout do painel.


Além disso, se você quiser ver o Sources e o Console em uma janela, vá para:

"Personalizar e controlar DevTools ->" Mostrar gaveta da consola "

Você também pode ver aqui no canto direito:


Depois de ter colocado meu dock à direita (veja respostas mais antigas), ainda encontro os painéis divididos verticalmente.

Para dividir os painéis horizontalmente - e até obter mais da largura da tela -, vá para Configurações (canto inferior direito) e desmarque a opção "Dividir painéis verticalmente quando encaixados à direita".

Agora você tem todos os painéis da esquerda para a direita: p


Parece que isso está no canto inferior esquerdo agora como um ícone com janelas sobrepostas e "Desencaixar em janela separada". dica de ferramenta.


Coloque o ponteiro no botão dock e clique nele por alguns segundos ou clique com o botão direito do mouse, dependendo da versão do navegador.





google-chrome-devtools