Como abrir as Ferramentas do desenvolvedor do Chrome em uma nova janela?

250

Quando tento usar as Ferramentas do desenvolvedor do Chrome, parece que não consigo mais vê-lo em uma nova janela.

Isso é um bug ou foi realmente uma alteração pretendida em uma atualização?

Como podemos abrir as Ferramentas do desenvolvedor do Chrome em uma nova janela?

Aqui está uma captura de tela do que estou falando.

insira a descrição da imagem aqui

google-chrome google-chrome-devtools Abel Callejo
fonte
11
@AbelMelquiadesCallejo Você precisa clicar e segurar a opção para revelar.
katalin_2003
2
Ei Nota lateral, em uma caixa Linux aqui e eu tive que segurar por muito tempo com o botão esquerdo do mouse e, em seguida, clicar com a roda do mouse para fazer com que a desencaixe acontecesse.
Bob Barker
de verdade, lembro-me do botão easy, mas agora é ridículo que eu forcei ao google como fazê-lo.
Alexandre2
Semelhante a: stackoverflow.com/questions/3936925/…
Venkat 8/16

Respostas:

426

No Chrome 52, a interface do usuário mudou. Quando a caixa de diálogo Ferramentas do desenvolvedor é aberta, você seleciona as reticências verticais e pode escolher a posição de encaixe:

insira a descrição da imagem aqui

Selecione o ícone à esquerda para abrir as Ferramentas do desenvolvedor do Chrome em uma nova janela: ícone de várias janelas

Anteriormente

Clique e mantenha pressionado o botão próximo ao botão Fechar da Ferramenta de desenvolvedor para exibir a opção "Desencaixar na janela separada".

insira a descrição da imagem aqui

Nota: Um "pressionar" não é suficiente nesse estado.

Kyle Hale
fonte
18
Uma "imprensa" não é suficiente nesse estado. Você precisa clicar e segurar o botão (à esquerda do botão Fechar) para exibir a opção "Desbloquear em janela separada".
katalin_2003
5
Sim, click and hold(estou usando o Chrome para Windows, versão 39.x para x64).
Do Nhu Vy
5
Existe uma maneira de sempre abrir em uma nova janela? Havia uma opção antes, mas não é possível encontrar em 39.0.2171.95.
user3285954
94
Que decisão terrível na interface do usuário; Não tenho certeza de que poderia ser mais desconhecido. Obrigado pela dica!
Joshua Jabbour
2
A partir de meados de 2016, você só precisa clicar nas reticências verticais para que as opções de encaixe apareçam, não é mais necessário clicar e segurar.
Chris B
8

insira a descrição da imagem aqui

  1. clique em três pontos no canto superior direito ->
  2. clique no ícone "Desencaixar na janela separada"
фымышонок
fonte
3

Você deve clicar e segurar até o outro ícone aparecer e deslizar o mouse até o ícone.

user1585204
fonte
1

Basta digitar ctrl + shift + I no google chrome e você chegará a uma janela isolada do desenvolvedor.

bulkyPanda
fonte
5
isso só funciona se o seu chrome-developer-tools já estiver definido para abrir em uma nova janela
Abel Callejo
1

Se você precisar abrir o DevTools, pressione ctrl-shift-i .

Se a janela do DevTools já estiver aberta, você pode usar o atalho ctrl-shift-d ; ele muda a janela para um modo desanexado.

Por exemplo, no meu caso, a janela do aplicativo de elétrons (Chrome) é realmente pequena.

insira a descrição da imagem aqui

Não é possível usar outras sugestões, exceto o atalho ctrl-shift-d

Roman Podlinov
fonte
Eu apenas tentei esta resposta e parece funcionar bem no Windows. Eu também tentei no Mac, mas os atalhos são diferentes. Abra o DevTools ( cmd + opção + i ) e alterne para o outro lado da estação ( cmd + shift + d ). Também no Mac, usando diretamente a abertura de cmd + shift + dw / o, o DevTools renderia uma funcionalidade diferente.
Abel Callejo