Alterar a colocação de DevTools (Desancorar, Ancorar para baixo, Ancorar para a esquerda)

Pode alterar o local onde o DevTools está ancorado no browser. Por predefinição, o Microsoft Edge DevTools está ancorado à direita da janela do browser. Também pode ancorar DevTools na parte inferior ou esquerda da janela ou desancorar DevTools para uma janela separada.

Para alterar o local onde o DevTools é colocado na janela do browser:

• Clique no botão de menu Personalizar e controlar DevTools ( e, em seguida, na secção Localização da dock, selecione uma opção de esquema:
  • Desancorar numa janela separada ()
  • Ancorar para a esquerda ()
  • Ancorar para baixo ()
  • Ancorar para a direita ()

Ancorar para a esquerda ou Ancorar para a direita mantém as DevTools lado a lado com a sua página Web e é excelente quando emula dispositivos móveis (Emulação do Dispositivo). As opções Ancorar para a esquerda e Ancorar à direita funcionam melhor com ecrãs de alta resolução.

Desancorar DevTools numa janela separada

Desancore As DevTools na sua própria janela separada, quando quiser trabalhar com vários monitores ou se precisar de trabalhar numa aplicação de ecrã inteiro e pretender muito espaço para a IU do DevTools. A imagem seguinte mostra As DevTools desancoradas na sua própria janela dedicada:

Uma vez que o DevTools tem agora a sua própria janela dedicada, a página que está a ser concebida ocupa agora uma janela inteira do browser:

Dock DevTools no lado esquerdo do browser

A imagem seguinte mostra As DevTools ancoradas no lado esquerdo da janela do browser:

Dock DevTools na parte inferior do browser

Ancorar para baixo ajuda-o quando não tem espaço de apresentação horizontal suficiente ou quer depurar texto longo no DOM ou na Consola. A imagem seguinte mostra DevTools na parte inferior da janela do browser:

Dock DevTools no lado direito do browser

A imagem seguinte mostra DevTools no lado direito da janela do browser, que é a localização predefinida:

Alterar o local onde as DevTools estão ancoradas através do Menu de Comandos

1. Abra o Menu de Comandos. Para tal, clique no botão de menu Personalizar e controlar DevTools ( e, em seguida, clique em Executar comando. Em alternativa, prima Ctrl+Shift+P (Windows/Linux) ou Comando+Shift+P (macOS).

2. Escreva dock e, em seguida, selecione um comando de ancoragem:

   • Ancorar para baixo
   • Ancorar para a esquerda
   • Ancorar para a direita
   • Restaurar a posição da última estação de ancoragem
   • Desancorar numa janela separada