Seu guia definitivo para as ferramentas de desenvolvimento de navegador mais recentes da Microsoft!
-Borda
-Navegadores
Com o lançamento do Edge 120, a versão mais atualizada do navegador Microsoft derivado do Chromium, os técnicos da empresa Redmond apresentaram uma versão totalmente revisada e aprimorada das ferramentas do desenvolvedor. Já apresentamos o que é o depurador do Chrome e como ele pode ser utilizado, por exemplo, para detectar e recursos problemas no código JavaScript. O Edge DevTools são a versão “pessoal” da Microsoft que apresenta sua ideia de ferramentas de desenvolvedor integradas ao navegador, que podem ser ativadas como sempre pressionando o botão F12 durante a visualização de qualquer página web.
Edge DevTools: o que são e como são as novas ferramentas para desenvolvedores
Em nota publicada nestas horas, a Microsoft explica que os novos Edge DevTools são o resultado de aproximadamente dois anos de trabalho. O objetivo principal dos técnicos da empresa Redmond era reduzir a curva de aprendizado e a complexidade das ferramentas. Assim, os especialistas trabalharam para analisar três objetivos principais:
-Crie um cartão de boas-vindas que pode ser útil tanto para quem quer aprender quanto para quem quer se manter atualizado. -Adicione a capacidade de personalizar a interface do usuário para torná-la adaptável às necessidades do usuário. -Integre uma nova barra de tarefas para facilitar o reconhecimento e a descoberta das ferramentas disponíveis.
A nova barra de atividades é a primeira inovação real que você percebe ao pressionar o botão F12 no Edge 120 e posteriores. Está tudo bem instrumento é representado por um ícone e as ferramentas disponíveis podem ser adicionadas livremente ou encaixadas nos vários lados da tela.
Os ícones de erro , aviso e aqueles que relatam possíveis problemas agora são mostrados no Edge DevTools dentro da ferramenta correspondente, para não"amontoar"muitas informações na parte direita da interface.
A nova visualização rápida do Edge DevTools
Os desenvolvedores da Web que usam o novo Edge DevTools podem se beneficiar do Quick view , por exemplo, para usar a ferramenta Elements ao mesmo tempo do que a ferramenta Console.
O aumento do espaço horizontal permite o posicionamento vertical do Quick View à direita da ferramenta ativa, proporcionando maior comodidade e flexibilidade na navegação.
Nas iterações anteriores da nossa interface de usuário, existiam vários locais onde os usuários podiam descobrir recursos e funcionalidades adicionais. Para agilizar esse processo, introduzimos um recurso consolidado “Mais Ferramentas” que simplifica o acesso às diversas ferramentas que podem ser necessárias ao longo do tempo.
Quando você não precisar mais de um instrumento e desejar que ele recupere espaço na interface do usuário, basta clicar com o botão direito na guia de ferramentas para exibir um menu de contexto que permite remover as ferramentas ou movê-las para a visualização rápida ou na barra de tarefas.
barra lateral inferior relacionada 300
*️⃣ Link da fonte: