Novidades no DevTools (Microsoft Edge 99)
Para ver as funcionalidades mais recentes do Microsoft Edge DevTools e a extensão DevTools do Microsoft Edge para o Microsoft Visual Studio Code e Visual Studio, leia estes anúncios.
Para se manter atualizado e obter as funcionalidades mais recentes do DevTools, transfira uma versão de pré-visualização do Insider do Microsoft Edge. Quer esteja no Windows, Linux ou macOS, considere utilizar o Canary (ou outro canal de pré-visualização) como o browser de desenvolvimento predefinido. As versões Beta, Dev e Canary do Microsoft Edge são executadas como aplicações separadas, lado a lado com a versão estável e lançada do Microsoft Edge. Consulte Microsoft Edge Insider Channels.
Para obter os anúncios mais recentes, siga a equipa do Microsoft Edge no Twitter. Para comunicar um problema com o DevTools ou pedir uma nova funcionalidade, submeta um problema no repositório MicrosoftEdge/DevTools .
Vídeo: Microsoft Edge | Novidades no DevTools 99
Depurar de forma segura o código de produção com mapas de origem do Servidor de Símbolos dos Artefactos do Azure
O Servidor de Símbolos dos Artefactos do Azure suporta agora o armazenamento dos mapas de origem que o processo de compilação produz ao compilar, minificar e agregar o código. Em vez de alojar mapas de origem no servidor público, pode agora publicar os mapas de origem no Servidor de Símbolos dos Artefactos do Azure seguro. Em seguida, ligue as DevTools ao Servidor de Símbolos para que as DevTools obtenham automaticamente os mapas de origem.
Ao utilizar mapas de origem, pode ver e depurar o código fonte original em DevTools, em vez de ter de trabalhar com o código de produção compilado, minificado e agrupado devolvido pelo servidor. Alojar os mapas de origem no Servidor de Símbolos dos Artefactos do Azure permite-lhe ver e trabalhar com o código fonte de forma segura e privada, em vez de colocar os mapas de origem no servidor e revelar publicamente o código original.
Para experimentar esta funcionalidade:
- Publique os mapas de origem no servidor de símbolos dos Artefactos do Azure.
- Abra oServidor de Símbolos de Definiçõesde DevTools >> e ligue As DevTools ao Servidor de Símbolos dos Artefactos do Azure ao introduzir a organização do Azure DevOps e o token de acesso pessoal.
Veja também:
- Mapear o código processado para o código fonte original, para depuração
- Depurar código original de forma segura ao publicar mapas de origem no servidor de símbolos dos Artefactos do Azure
- Depurar de forma segura o código original com os mapas de origem do servidor de símbolos dos Artefactos do Azure
Extensão DevTools do Microsoft Edge para Visual Studio
A acompanhar o êxito da integração do Visual Studio Code, agora também pode incorporar as Ferramentas de Programação do Microsoft Edge no Microsoft Visual Studio para depurar os seus projetos ASP.NET em direto. Transfira as Ferramentas de Programação do Microsoft Edge para Visual Studio e experimente-as.
Para experimentar esta funcionalidade:
- Certifique-se de que o Visual Studio 2022 e a carga de trabalho ASP.NET estão instalados.
- Configure o Web Live Preview como Estruturador de Formulários Web predefinido, conforme descrito em Ferramentas de Programação do Microsoft Edge para Visual Studio.
- Num projeto ASP.NET, abra uma página Web do projeto na janela Estrutura .
- No canto superior esquerdo da janela Estrutura , clique no botão Abrir As DevTools do Edge (
):
O Edge DevTools para Visual Studio é aberto, com a ferramenta Elementos selecionada:
A ferramenta Rede também está disponível por predefinição:
A ferramenta Inspecionar (
) e o screencast ativar/desativar (
) estão disponíveis e o menu Mais Ferramentas (
) oferece as ferramentas Problemas, Condições de rede e Bloqueio de pedidos de rede .
Veja também:
- Ferramentas de Programação do Edge para Visual Studio (Pré-visualização), em Visual Studio DevBlogs.
- Extensão DevTools do Edge para Visual Studio.
Camadas na Vista 3D
Desde o Microsoft Edge 88, a ferramenta vista 3D forneceu uma versão melhorada da ferramenta Camadas . Agora, no Microsoft Edge 99, a funcionalidade na ferramenta Camadas foi removida e, em vez disso, a ferramenta Camadas contém uma ligação que o redireciona para a vista Camadas Compostas na ferramenta Vista 3D . Pode encontrar todas as funcionalidades que estavam anteriormente na ferramenta Camadas e muito mais na ferramenta Vista 3D .
Atualização: a ferramenta Camadas foi agora removida.
Veja também:
Utilizar os mapas de origem para apresentar nomes de funções originais em perfis de desempenho
Atualização: No Microsoft Edge 111, esta funcionalidade foi removida, uma vez que a ferramenta Desempenho fornece automaticamente os nomes de ficheiros e funções originais enquanto cria perfis de código de produção, desde que os esquemas de origem estejam alojados no Servidor de Símbolos dos Artefactos do Azure. Veja a Ferramenta de desempenho anula os nomes de ficheiros e funções ao criar perfis de código de produção em Novidades no DevTools (Microsoft Edge 111).
Entrada Novidades Preterida
Gravar um perfil de desempenho na ferramenta Desempenho produz um gráfico de chama minificado. Em versões anteriores do Microsoft Edge, o gráfico de chama não utilizou mapas de origem para apresentar os nomes das funções originais, mesmo que tenha alojado os mapas de origem no servidor.
A partir do Microsoft Edge, versão 99, pode apresentar os nomes das funções originais num perfil de desempenho, da seguinte forma:
- Grave um perfil na ferramenta Desempenho .
- Clique no novo botão Desminificar (
) para criar e transferir o perfil de desempenho não administrativo. - Carregue (importar) (
) do perfil de desempenho não administrativo para a ferramenta Desempenho .
O botão Desminificar utilizará mapas de origem, desde que estejam alojados lado a lado com o código de produção, para desminificar nomes de funções no gráfico de chama na ferramenta Desempenho .
O gráfico de chama na ferramenta Desempenho mostra inicialmente os nomes das funções como b, O, Xt e bn, retirados do código de produção minificado devolvido pelo servidor Web:
Depois de clicar em Desinstalar () e, em seguida, Carregar perfil (), o gráfico de chama na ferramenta Desempenho mostra agora essas funções etiquetadas com nomes significativos: invokeFunc (b), executeAction (O), endBatch (Xt) e runReactions (bn), obtidos a partir dos mapas de origem:
Veja também:
- Unminifying function names in DevTools performance profiles at the Microsoft Edge Blog (Anular a administração de nomes de funções nos perfis de desempenho de DevTools ) no Blogue do Microsoft Edge.
- Apresentar nomes de funções originais em perfis de desempenho.
Acessibilidade melhorada para a Consola de Rede e Vista 3D
Em versões anteriores do Microsoft Edge, a tecnologia de apoio anunciou informações incorretas ao fornecer um token de portador personalizado na ferramenta Consola de Rede. No Microsoft Edge versão 99, este problema foi corrigido. Ao selecionar a caixa de texto para fornecer um token de portador personalizado, a tecnologia de apoio anuncia agora "Editar o texto do token, grupo Pedir Vista".
Em versões anteriores do Microsoft Edge, a tecnologia de apoio apenas anunciaria o texto do botão de opção na ferramenta Vista 3D, sem anunciar o nome do grupo ao qual o botão pertence. No Microsoft Edge versão 99, este problema foi corrigido. Por exemplo, quando o foco estiver no botão de opção Utilizar textura do ecrã , a tecnologia de apoio irá agora anunciar: "Grupo de rádio tipo cor, Utilizar textura do ecrã, botão de opção, selecionado".
Veja também:
Árvore de pastas de origem melhorada no painel Origens
No separador Página da ferramenta Origens , a árvore de pastas de origem é agora melhorada, com menos desorganização na nomenclatura e no contorno das pastas. Prefixos de caminho desnecessários, como ../ e ./ foram removidos. A estrutura da árvore foi simplificada ao unir pastas duplicadas equivalentes.
Para obter o histórico desta funcionalidade no projeto open source chromium, veja Issue 1284737 (Problema 1284737).
Veja também:
- Utilizar o separador Página para explorar os recursos que constroem a página Web atual na descrição geral da ferramenta Origens.
Anúncios do projeto Chromium
O Microsoft Edge versão 99 também inclui as seguintes atualizações do projeto Chromium:
- Limitação de pedidos do WebSocket
- Painel Nova API de Relatórios no painel Aplicação
- Melhor estilo, formatação e filtragem da consola
- Melhorias nos esquemas de origem
- Seletor de cores e painel dividido tátil
Observação
Partes desta página são modificações baseadas no trabalho criado e partilhado pela Google e utilizado de acordo com os termos descritos na Licença Internacional Creative Commons Attribution 4.0. A página original para anúncios do projeto Chromium é What's New in DevTools (Chrome 99) e é da autoria de Jecelyn Yeen (Consultora de Programação a trabalhar no Chrome DevTools na Google).
Este trabalho é licenciado ao abrigo de uma Licença Internacional creative Commons Attribution 4.0.
Comentários
Brevemente: Ao longo de 2024, vamos descontinuar progressivamente o GitHub Issues como mecanismo de feedback para conteúdos e substituí-lo por um novo sistema de feedback. Para obter mais informações, veja: https://aka.ms/ContentUserFeedback.
Submeter e ver comentários