Chrome> = 24 - como encaixar devtools à direita?

112

Eu gosto de encaixar devtools à direita. Lembro-me de como fiquei feliz quando vi essa opção pela primeira vez, quando percebi que não precisava mais dividir a tela e posicionar as janelas manualmente.

Versões recentes do Chrome essa opção parece estar faltando. Mesmo em minhas instalações onde já tenho devtools à direita, a opção é removida.

Para onde foi?

google-chrome-devtools George Mauer
fonte

possível duplicata de How to reposition chrome developer tools

ndsmyter

@ndsmyter não realmente. Os controles de posicionamento mudaram com a versão 24. Muitos dos conselhos nesse tópico provavelmente estão desatualizados.

George Mauer,

E ainda, a pergunta e as respostas são exatamente as mesmas que neste tópico

ndsmyter

Respostas:

262

Se você clicar e segurar o ícone no canto superior direito próximo ao ícone Fechar (Desencaixar em uma janela separada), você terá a opção de encaixá-lo à direita. Veja a imagem:

Dock para a direita

A partir do Chrome 41, você pode usar Ctrl+ Shift+ D(Windows / Linux) ou Command (⌘)+ Shift+ D(Mac OS X) para alternar entre essas visualizações.

A partir do Chrome 46, eles finalmente mudaram a interface do usuário para o local de encaixe. Agora, há reticências verticais e contém botões explícitos para cada local de encaixe. Veja a imagem:

Novo Docking

Marc Baumbach
fonte

Lugar não muito intuitivo para colocar a opção. Por que não lado a lado, como: [encaixar / desfazer] [inferior / direita] [console] [selecionar]?

Byran Zaugg

@Byran Eu acho que é onde costumava estar na verdade. :)

Marc Baumbach

Um clique para abrir as opções e outro para encaixar seria mais intuitivo.

Bagata

Eles mudaram um pouco o design (o botão está na parte superior direita da janela de ferramentas de desenvolvimento), mas ainda funciona! Obrigado :)

Miroslav Nedyalkov

nota para as pessoas que pensam em copiar este design terrível: por favor, não! :)

Milimétrico