google chrome tag Como reposicionar as ferramentas do desenvolvedor do Chrome




tag google app (7)

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:

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.


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


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.


A versão 56.0.2924.87 em que estou agora: Desativa as DevTools automaticamente se você não estiver em uma área de trabalho. Caso contrário, abra uma nova guia do Chrome e inspecione para encaixar os DevTools de volta na janela.


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 .


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.


Em outubro de 2014, versão 39.0.2171.27 beta (64 bits)

Eu precisava ir no Google Chrome Web Developper em "Configurações" e desmarcar os painéis Divididos verticalmente quando ancorados à direita





google-chrome-devtools