Para um desenvolvedor, pode ser complicado usar várias ferramentas dedicadas para cada tarefa. No entanto, os complementos do navegador da Web podem torná-lo mais produtivo, fornecendo acesso a vários recursos de uma plataforma de navegação.
Todos os principais navegadores vêm com extensões para profissionais. E se você usa o Microsoft Edge, suas tarefas de desenvolvimento podem se tornar mais fáceis com alguns complementos do navegador. Aqui, discutiremos os melhores complementos do Microsoft Edge que os desenvolvedores da Web devem usar.
O React Developer Tools é um complemento do DevTools para o navegador da web. Ele adicionará duas novas guias chamadas Componentes e Profiler em seu Edge DevTools. O complemento de código aberto precisará de sua permissão para acessar a árvore React de uma página.
A guia Componentes exibe os componentes React raiz da página, juntamente com os subcomponentes. Selecione qualquer componente da árvore para inspecionar e editar suas props atuais, o estado e os ganchos no painel direito.
Você também pode usar este complemento para descobrir se um aplicativo contém React.js ou não. Usando a guia Profiler, os desenvolvedores podem registrar informações de desempenho.
Se você gosta de analisar o código do GitHub, o complemento Octotree pode aprimorar a experiência de análise e exploração de código do GitHub. Ele mostra uma árvore de código semelhante a IDE e permite realizar pesquisas de arquivos e pastas.
Este complemento de alto desempenho é capaz de trabalhar com repositórios de qualquer tamanho. Além disso, ele suporta repositórios privados e permite que você marque solicitações de pull, repo, arquivos e problemas.
Você também pode assinar a versão PRO deste complemento para obter alguns recursos adicionais. Isso inclui suporte para várias contas do GitHub e GitHub Enterprise, várias guias, configurações de fonte de código, revisão de código de solicitação de pull, temas de ícone de arquivo e alteração da posição de encaixe.
O Accessibility Insights for Web é um complemento do navegador Microsoft Edge que permite localizar e corrigir problemas de acessibilidade em vários aplicativos e sites da Web. Você pode usá-lo para verificar a conformidade com cerca de 50 disposições de acessibilidade.
Graças às instruções claras e um ajudante visual, você pode identificar rapidamente problemas vitais de acesso ao teclado, incluindo interrupções de teclado, paradas de tabulação ausentes e ordem incorreta de tabulação.
Ele também ajuda você a executar um processo de duas etapas para localizar problemas de acessibilidade comuns, mas de alto impacto, em poucos minutos. No entanto, você precisa do Microsoft Edge Insider v.75 ou posterior para usar este complemento.
Analisar o código HTML de uma página é uma tarefa frequente de um desenvolvedor. Com a ajuda do complemento Design Analysis, você pode analisar uma página HTML ativando e desativando vários componentes dessa página.
Relacionado: Efeitos HTML legais que qualquer um pode adicionar aos seus sites
Permite desabilitar CSS interno e externo (incluindo impressão e portátil), ocultar imagens e plano de fundo imagens, exibir atributos alt da imagem, cabeçalhos de estrutura de tópicos, quadros, links externos, tabelas, elementos flutuantes e em breve.
Além disso, este complemento vem com diversas ferramentas que ajudam a exibir elementos ocultos, recarregar imagens e CSS externo, visualizar o código-fonte, linearizar páginas e marcar todos os links como visitados ou não visitado.
Este complemento não armazena nem compartilha dados de identificação pessoal. Todas as informações necessárias para o seu funcionamento ficam no seu dispositivo.
Usando o complemento Salvar como MHTML, os desenvolvedores podem salvar a página da Web atual no formato MHTML (MIME HTML)/MHT. O add-on vem com um botão da barra de ferramentas para uso sem esforço. Ele salva todos os links online em um formato offline.
MHTML é um formato de arquivo que salva o conteúdo da página da web para visualização offline. O tipo de arquivo incorpora todos os recursos como imagens, applets e animações Flash em documentos HTML durante o processo.
O complemento tem duas ferramentas diferentes que você pode usar para editar o conteúdo da página da web antes de salvá-lo no arquivo MHTML.
Você pode escolher o modo de design para tarefas como alterar o formato do texto para negrito e itálico, adicionar uma imagem ou remover qualquer conteúdo. Ou você pode selecionar uma seção da página e pedir a este complemento para criar um novo documento a partir dele.
Os desenvolvedores têm uma relação indispensável com os cookies. O Cookie-Editor é um complemento poderoso que permite realizar as operações padrão de cookies durante a fase de desenvolvimento e teste da página da Web.
Este complemento vem com uma interface fácil de usar que permite gerenciar os cookies manualmente. Com sua ajuda, você pode criar, editar e excluir cookies rapidamente enquanto permanece na guia.
Com um clique, o Cookie-Editor excluirá todos os cookies da página atual. Também pode importar/exportar cookies em formato de texto.
O Node.js V8 é um complemento que você pode usar com o Edge DevTools para otimizar seu ciclo de desenvolvimento do Node.js. Ele pode gerenciar o ciclo de vida da janela/guia do Edge DevTools, para que você tenha mais tempo para se concentrar na depuração do seu código.
Relacionado: O que é a depuração do pato de borracha?
O complemento Node.js V8 permite monitorar sessões de depuração locais e remotas enquanto controla a interface do DevTools, tanto manual quanto automaticamente. Você também pode usá-lo para depurar os processos do nó VSCode e personalizar a duração entre os testes do v8 Inspector.
Com sua ajuda, você pode abrir e fechar automaticamente o Edge DevTools em uma guia ou janela e tornar o DevTools ativo ou inativo no início. Seu recurso de inspeção evita que você copie e cole o URL do DevTools, detectando automaticamente o URL gerado ao executar o nó.
BugReplay é principalmente um complemento usado para um screencast e depuração de rede. Ele ajuda você a gravar sua tela em sincronia com as mensagens do console JavaScript e o tráfego de rede. Graças a este complemento, tudo o que você precisa fazer é refazer os passos para capturar bugs em tempo real.
Não há necessidade de um desenvolvedor se comunicar com os usuários finais ou os executivos de suporte. Eles podem descobrir facilmente quando e onde o bug ocorreu a partir das informações registradas e resolver o problema rapidamente.
Gravar o bug se torna fácil com o complemento BugReplay. Você também pode revisar o bug antes de compartilhá-lo com seus colegas. O complemento também oferece uma opção para torná-lo público.
Escolha seus complementos de borda favoritos para desenvolvimento
Ao percorrer esta lista de complementos do Microsoft Edge, você pode escolher aqueles que o ajudarão no trabalho de desenvolvimento da Web e de aplicativos. Lembre-se, o Microsoft Edge também possui outros complementos para usuários comuns. Você pode navegar e encontrar extensões convencionais para outras tarefas, como gerenciamento de senhas.
Lembrar todas as suas diferentes senhas pode ser complicado, então aqui estão os nove melhores complementos do Microsoft Edge para gerenciamento de senhas sem esforço.
Leia a seguir
- Programação
- Microsoft borda
- Extensões do navegador
- Desenvolvimento web
Tamal é escritora freelancer na MakeUseOf. Depois de ganhar experiência substancial em tecnologia, finanças e negócios processos em seu trabalho anterior em uma empresa de consultoria de TI, ele adotou a escrita como profissão em tempo integral há 3 anos. Embora não escreva sobre produtividade e as últimas notícias de tecnologia, ele adora jogar Splinter Cell e assistir Netflix / Prime Video.
Assine a nossa newsletter
Junte-se à nossa newsletter para dicas de tecnologia, análises, e-books gratuitos e ofertas exclusivas!
Clique aqui para assinar
