Phenquestions
O novo Microsoft Edge é construído usando o projeto de código aberto Chromium e, se você for um desenvolvedor, aqui está a lista de Ferramentas de desenvolvimento no Microsoft Edge (Chromium). Algumas novas ferramentas entraram na lista de DevTools. Isso tornará mais fácil e rápido para os desenvolvedores criar e testar sites no Microsoft Edge.
Lista de DevTools no novo Edge (Chromium)
As DevTools do Microsoft Edge (Chromium) podem ser amplamente categorizadas em duas categorias diferentes:
- Ferramentas principais
- Extensões.
1] Ferramentas Básicas
Painel de Elementos - Um dos recursos mais úteis do DevTools para desenvolvedores da web é a capacidade de “editar ao vivo” o HTML e CSS em uma página. Você pode usar o painel Elementos para editar HTML e CSS, inspecionar propriedades de acessibilidade, visualizar ouvintes de eventos e definir pontos de interrupção de mutação DOM.
Console - A ferramenta Console geralmente registra informações relacionadas a uma página da web, como JavaScript, solicitações de rede e erros de segurança. Portanto, a primeira etapa para solucionar os problemas é verificar o console do navegador.
É por esse motivo; você encontra um painel de console dedicado no navegador Edge. Os desenvolvedores podem usar o mesmo painel para depuração interativa, teste ad-hoc e se comunicar dentro e fora de uma página da web em execução.
Painel de fontes - Acontece que é a ferramenta mais útil para qualquer desenvolvedor de JavaScript - o JavaScript Debugger. Usando-o, um desenvolvedor pode abrir e editar seu código em tempo de execução, definir pontos de interrupção, percorrer o código e ver o estado de seu site, uma linha de JavaScript por vez.
Painel de Rede - Ele pode monitorar e inspecionar solicitações e respostas da rede e do cache do navegador.
Painel de Desempenho - É responsável por registrar os dados de desempenho do tempo de execução. O desempenho do tempo de execução é o desempenho da sua página quando está em execução, em oposição ao carregamento.
Painel de Memória - Problemas de memória podem ser os principais culpados de problemas de desempenho. Pode fazer com que a página pare de responder e fique cada vez mais lenta. O painel de memória pode medir o uso de recursos do sistema e comparar instantâneos de heap em diferentes estados de execução de código.
Painel de Aplicação - Ele exibe várias propriedades interessantes de páginas da web. Ele pode inspecionar e gerenciar armazenamento, bancos de dados e caches a partir do painel.
Painel de Segurança - Pode verificar se a página que você está vendo é segura ou não. Ele também pode inspecionar suas origens. Os desenvolvedores podem usá-lo para depurar problemas de segurança e garantir que o HTTPS seja implementado de forma adequada.
Painel de Auditorias - Não requer descrição exclusiva, pois é autoexplicativo. O recurso permite que você audite seu site. Os resultados obtidos podem ajudá-lo a melhorar a qualidade do seu site.
Leitura: Ocorreu um erro ao iniciar a sessão de criação de perfil no Edge DevTools.
2] Extensões
Embora o Edge suporte extensões, não há extensões disponíveis para o DevTool a partir de agora. Em vez disso, você precisará instalar extensões de armazenamento de extensões de terceiros, por exemplo. Loja online do Chrome.
- Clique nos três pontos ou no ícone do menu no canto superior esquerdo do Edge. Clique em Extensões.
- No canto inferior esquerdo da página Extensões, ative o botão para Permitir extensões de outras lojas.
- Em seguida, navegue até a Chrome Web Store e abra a extensão que funciona com DevTools, e.g., Ferramenta ReAct Developer do Facebook.
- Clique para adicionar ao Chrome e a extensão DevTools será adicionada ao Microsoft Edge!
Em palavras simples, é assim que você instala uma extensão do Chrome no Edge. No entanto, esteja avisado se sua extensão pura do Chrome pode ou não funcionar, pois a Microsoft removeu alguns dos serviços e recursos do Chromium.
O novo navegador Edge estará disponível com a próxima atualização de recurso do Windows 10 se você tiver um site ou empresa que dependa do Edge, é melhor se preparar com antecedência.
Para uma leitura detalhada, visite Microsoft.com.
