Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Esses são os recursos mais recentes na versão estável do Microsoft Edge DevTools.
Vídeo: Microsoft Edge | Novidades no DevTools 101
A ferramenta Console agora está disponível no Visual Studio Code
O Console é uma das ferramentas mais populares no DevTools. Agora você pode acessar a ferramenta Console na extensão Microsoft Edge Developer Tools para o Visual Studio Code. Esse Console do DevTools integrado permite que você veja suas mensagens de log ao lado do código. Usando o Console, você também pode:
- Experimente algumas instruções JavaScript.
- Acessar o objeto da janela.
- Chame os métodos do
Consoleobjeto, conforme descrito em Referência da API do objeto do console. - Use os utilitários do Console para acessar o DOM, conforme descrito em Seletores e funções do utilitário da ferramenta do Console.
Você pode usar o Console como ferramenta principal ou usá-lo em conjunto com as ferramentas Elementos e Rede .
A ferramenta Console aberta na barra de ferramentas principal da extensão DevTools do Microsoft Edge para Visual Studio Code:
A ferramenta Console aberta na gaveta da extensão do DevTools do Microsoft Edge para Visual Studio Code:
Para obter mais informações, consulte Integração do console.
Os mapas de origem agora são armazenados em cache com IndexedDB
Em versões anteriores do Microsoft Edge, se você estivesse hospedando grandes arquivos de mapa de origem em seu servidor ou no servidor de símbolos do Azure Artifacts, o DevTools buscaria esses mapas de origem sempre que a página fosse atualizada. A busca desses mapas de origem repetidamente criou mais solicitações de rede para o DevTools e retardou a depuração.
No Microsoft Edge 101, o DevTools armazena em cache os mapas de origem usando IndexedDB. Quando você atualiza a página, os mapas de origem agora são servidos do cache IndexedDB, em vez de serem solicitados novamente do servidor ou do servidor de símbolos do Azure Artifacts. Use a coluna Carregar status na ferramenta Monitor de Mapas de Origem para verificar se os mapas de origem estão sendo carregados do cache. Para limpar o cache IndexedDB e forçar o DevTools a recarregar os mapas de origem, execute o comando Limpar cache de mapas de origem no Menu de Comando.
Quando você carrega a página da Web pela primeira vez, a ferramenta Monitor de Mapas de Origem mostra que os mapas de origem ainda não estão armazenados em cache:
Quando você recarrega a página da Web, a ferramenta Monitor de Mapas de Origem mostra que os mapas de origem armazenados em cache são usados:
Acompanhamento de solicitações de rede pendentes ao exportar arquivos HAR
No Microsoft Edge 101, a nova coluna de texto Status foi adicionada à ferramenta Rede . A coluna de texto Status fornece mensagens equivalentes legíveis para os códigos de status HTTP relatados na coluna Status.
Além disso, uma nova configuração foi adicionada à ferramenta Rede: Incluir solicitações pendentes no arquivo HAR. Se você precisar registrar solicitações de rede pendentes ao exportar um arquivo HAR na ferramenta Rede, ative a configuração Incluir solicitações pendentes no arquivo HAR . A coluna de texto Status agora incluirá o estado (pendente) para todas as solicitações de rede pendentes.
Para saber mais sobre as colunas disponíveis no log de solicitações, consulte Referência de recursos > de rede Adicionar ou remover colunas.
IU e controles de câmera atualizados no Modo de Exibição 3D
No Microsoft Edge 101, a ferramenta Exibição 3D tem dois novos botões: exibição panorâmica (
) e Girar exibição (
). Use esses botões para alternar entre mover pela tela ou girar a tela. Clique no botão Exibição panorâmica ou Girar exibição e arraste na direção desejada com o mouse ou use as teclas de direção.
A interface do usuário agora fornece uma experiência mais uniforme e intuitiva. Os painéis estão organizados com mais clareza e os problemas de acessibilidade foram corrigidos.
Consulte Navegar pelas camadas da página da Web, z-index e DOM usando a ferramenta Exibição 3D.
A alternância de temas não requer mais o recarregamento do DevTools
Em versões anteriores do Microsoft Edge, a alternância de temas no DevTools exigia recarregar o DevTools para aplicar o novo tema. No Microsoft Edge 101, você pode experimentar rapidamente diferentes temas sem precisar recarregar o DevTools.
Anúncios do projeto Chromium
O Microsoft Edge 101 também inclui as seguintes atualizações do projeto Chromium:
- Exibir camadas em cascata no painel Estilos
- Suporte para a função de cor hwb()
- Melhorou a exibição de propriedades privadas