Alterar o posicionamento do DevTools (Desencaixar, Encaixar na parte inferior, Encaixar à esquerda)

Você pode alterar o local onde o DevTools está encaixado no navegador. Por padrão, o DevTools do Microsoft Edge está encaixado à direita da janela do navegador. Você também pode encaixar o DevTools na parte inferior ou à esquerda da janela ou desencaixar o DevTools em uma janela separada.

Para alterar onde o DevTools é colocado na janela do navegador:

• Clique no botão de menu Personalizar e controlar o DevTools () e, na seção Local do encaixe , selecione uma opção de layout:
  • Desencaixar em janela separada ()
  • Encaixe para a esquerda ()
  • Encaixe na parte inferior (')
  • Encaixar para a direita ()

Encaixar para a esquerda ou Encaixar para a direita mantém o DevTools lado a lado com sua página da Web e é excelente quando você emula dispositivos móveis (Emulação do dispositivo). As opções Encaixar para a esquerda e Encaixar para a direita funcionam melhor com monitores de alta resolução.

Desencaixe o DevTools em uma janela separada

Desencaixe o DevTools em sua própria janela separada, quando quiser trabalhar com vários monitores ou se precisar trabalhar em um aplicativo de tela inteira e quiser muito espaço para a interface do usuário do DevTools. A imagem a seguir mostra o DevTools desencaixado em sua própria janela dedicada:

Como o DevTools agora tem sua própria janela dedicada, a página que está sendo projetada agora ocupa uma janela inteira do navegador:

Encaixe o DevTools no lado esquerdo do navegador

A imagem a seguir mostra o DevTools encaixado no lado esquerdo da janela do navegador:

Encaixe o DevTools na parte inferior do navegador

O encaixe na parte inferior ajuda quando você não tem espaço de exibição horizontal suficiente ou deseja depurar texto longo no DOM ou no Console. A imagem a seguir mostra o DevTools na parte inferior da janela do navegador:

Encaixe o DevTools no lado direito do navegador

A imagem a seguir mostra o DevTools no lado direito da janela do navegador, que é o local padrão:

Altere onde o DevTools está encaixado usando o Menu de Comando

1. Abra o menu de comando. Para fazer isso, clique no botão de menu Personalizar e controlar o DevTools () e clique em Executar comando. Ou pressione Ctrl+Shift+P (Windows/Linux) ou Command+Shift+P (macOS).

2. Digite encaixar e selecione um comando de encaixe:

   • Encaixe na parte inferior
   • Encaixe para a esquerda
   • Encaixar para a direita
   • Restaurar a última posição do encaixe
   • Desencaixar em uma janela separada