Gli 8 migliori componenti aggiuntivi di Microsoft Edge per gli sviluppatori

Per uno sviluppatore, può essere frenetico utilizzare numerosi strumenti dedicati per ogni attività. Tuttavia, i componenti aggiuntivi del browser Web possono renderti più produttivo fornendo l'accesso a varie funzionalità da un'unica piattaforma di navigazione.

Tutti i migliori browser sono dotati di estensioni per professionisti. E se usi Microsoft Edge, le tue attività di sviluppo possono diventare più semplici con alcuni componenti aggiuntivi del browser. Qui, discuteremo i migliori componenti aggiuntivi di Microsoft Edge che gli sviluppatori Web dovrebbero utilizzare.

React Developer Tools è un componente aggiuntivo di DevTools per il browser web. Aggiungerà due nuove schede denominate Componenti e Profiler in Edge DevTools. Il componente aggiuntivo open source avrà bisogno della tua autorizzazione per accedere all'albero React di una pagina.

La scheda Componenti mostra i componenti React radice della pagina, insieme ai sottocomponenti. Seleziona qualsiasi componente dall'albero per ispezionare e modificare i suoi oggetti di scena correnti, lo stato e gli hook nel pannello di destra.

Puoi anche utilizzare questo componente aggiuntivo per scoprire se un'applicazione contiene React.js o meno. Utilizzando la scheda Profiler, gli sviluppatori possono registrare le informazioni sulle prestazioni.

Se stai analizzando il codice GitHub, il componente aggiuntivo Octotree può migliorare l'esperienza di revisione ed esplorazione del codice GitHub. Ti mostra un albero di codice simile a IDE e ti consente di eseguire ricerche di file e cartelle.

Questo componente aggiuntivo ad alte prestazioni è in grado di funzionare con repository di qualsiasi dimensione. Inoltre, supporta repository privati ​​e ti consente di aggiungere ai segnalibri richieste pull, repository, file e problemi.

Puoi anche iscriverti alla versione PRO di questo componente aggiuntivo per ottenere alcune funzionalità aggiuntive. Questi includono il supporto per più account GitHub e GitHub Enterprise, più schede, impostazioni dei caratteri del codice, revisione del codice della richiesta pull, temi delle icone dei file e modifica della posizione di ancoraggio.

Accessibility Insights for Web è un componente aggiuntivo del browser Microsoft Edge che consente di individuare e risolvere i problemi di accessibilità in varie applicazioni Web e siti Web. Puoi usarlo per verificare il rispetto di circa 50 disposizioni sull'accessibilità.

Grazie alle istruzioni chiare e a un assistente visivo, puoi identificare rapidamente problemi vitali di accesso alla tastiera, inclusi blocchi della tastiera, tabulazioni mancanti e ordine di tabulazione errato.

Ti aiuta anche a eseguire un processo in due fasi per individuare problemi di accessibilità comuni ma di grande impatto in pochi minuti. Tuttavia, per utilizzare questo componente aggiuntivo è necessario Microsoft Edge Insider v.75 o successivo.

Analizzare il codice HTML di una pagina è un compito frequente di uno sviluppatore. Con l'aiuto del componente aggiuntivo Design Analysis, puoi analizzare una pagina HTML abilitando e disabilitando vari componenti di quella pagina.

Imparentato: Fantastici effetti HTML che chiunque può aggiungere ai propri siti web

Ti consente di disabilitare CSS interni ed esterni (inclusi stampa e palmare), nascondere immagini e sfondo immagini, visualizzare attributi alt immagine, intestazioni di struttura, frame, collegamenti esterni, tabelle, elementi mobili e presto.

Inoltre, questo componente aggiuntivo viene fornito con strumenti vari che ti aiutano a visualizzare elementi nascosti, ricaricare immagini e CSS esterni, visualizzare il codice sorgente, linearizzare le pagine e contrassegnare tutti i collegamenti come visitati o non visitato.

Questo componente aggiuntivo non archivia né condivide dati di identificazione personale. Tutte le informazioni necessarie per il suo funzionamento rimangono nel tuo dispositivo.

Utilizzando il componente aggiuntivo Salva come MHTML, gli sviluppatori possono salvare la pagina Web corrente nel formato MHTML (MIME HTML)/MHT. Il componente aggiuntivo viene fornito con un pulsante della barra degli strumenti per un utilizzo senza sforzo. Salva tutti i collegamenti online in un formato offline.

MHTML è un formato di file di archivio che salva il contenuto della pagina Web per la visualizzazione offline. Il tipo di file incorpora tutte le risorse come immagini, applet e animazioni Flash nei documenti HTML durante il processo.

Il componente aggiuntivo ha due diversi strumenti che puoi utilizzare per modificare il contenuto della pagina web della pagina prima di salvarlo nel file MHTML.

Puoi scegliere la modalità di progettazione per attività come modificare il formato del testo in grassetto e corsivo, aggiungere un'immagine o rimuovere qualsiasi contenuto. Oppure puoi selezionare una sezione della pagina e chiedere a questo componente aggiuntivo di creare un nuovo documento da essa.

Gli sviluppatori hanno una relazione indispensabile con i cookie. Cookie-Editor è un potente componente aggiuntivo che consente di eseguire le operazioni standard sui cookie durante la fase di sviluppo e test della pagina web.

Questo componente aggiuntivo viene fornito con un'interfaccia facile da usare che consente di gestire i cookie manualmente. Con il suo aiuto, puoi creare, modificare ed eliminare rapidamente i cookie rimanendo nella scheda.

Con un clic, Cookie-Editor cancellerà tutti i cookie della pagina corrente. Può anche importare/esportare cookie in formato testo.

Node.js V8 è un componente aggiuntivo che puoi utilizzare con Edge DevTools per semplificare il ciclo di sviluppo di Node.js. Può gestire il ciclo di vita delle finestre/schede di Edge DevTools, così avrai più tempo per concentrarti sul debug del tuo codice.

Imparentato: Che cos'è il debug di Rubber Duck?

Il componente aggiuntivo Node.js V8 ti consente di monitorare le sessioni di debug locali e remote controllando l'interfaccia di DevTools, sia manualmente che automaticamente. Puoi anche usarlo per eseguire il debug dei processi del nodo VSCode e personalizzare la durata tra i probe di v8 Inspector.

Con il suo aiuto, puoi aprire e chiudere automaticamente Edge DevTools in una scheda o finestra e rendere DevTools attivo o inattivo all'avvio. La sua funzione di ispezione ti evita di copiare e incollare l'URL di DevTools rilevando automaticamente l'URL generato durante l'esecuzione del nodo.

BugReplay è principalmente un componente aggiuntivo utilizzato per uno screencast e il debug di rete. Ti aiuta a registrare lo schermo sincronizzato con i messaggi della console JavaScript e il traffico di rete. Grazie a questo componente aggiuntivo, tutto ciò che devi fare è ripercorrere i passaggi per catturare i bug in tempo reale.

Non è necessario che uno sviluppatore comunichi avanti e indietro con gli utenti finali o con i dirigenti del supporto. Possono scoprire senza problemi quando e dove si è verificato il bug dalle informazioni registrate e risolvere il problema in pochissimo tempo.

La registrazione del bug diventa facile con il componente aggiuntivo BugReplay. Puoi anche rivedere il bug prima di condividerlo con i tuoi colleghi. Il componente aggiuntivo offre anche un'opzione per renderlo pubblico.

Scegli i tuoi componenti aggiuntivi Edge preferiti per lo sviluppo

Scorrendo questo elenco di componenti aggiuntivi di Microsoft Edge, puoi scegliere quelli che ti aiuteranno nel lavoro di sviluppo di app e Web. Ricorda, Microsoft Edge ha anche altri componenti aggiuntivi per utenti regolari. Puoi sfogliare e trovare le estensioni tradizionali per altre attività come la gestione delle password.

I 9 migliori componenti aggiuntivi di Microsoft Edge per una gestione delle password senza sforzo

Ricordare tutte le tue diverse password può essere complicato, quindi ecco i nove migliori componenti aggiuntivi di Microsoft Edge per una facile gestione delle password.

Leggi Avanti

Circa l'autore