Presentazione di Angular DevTools

Siamo entusiasti di annunciare Angular DevTools, un'estensione di Chrome DevTools che puoi utilizzare per ispezionare la struttura delle tue applicazioni e profilarne le prestazioni.

Puoi trovare ulteriori informazioni su Angular DevTools nel video qui sotto e installarlo dal Chrome Web Store .

Migliore esperienza di debug angolare

Abbiamo condotto un sondaggio all'interno di Google che ha confermato le osservazioni che abbiamo ricevuto da sviluppatori esterni: la maggior parte delle persone ha bisogno di strumenti migliori per eseguire il debug delle proprie app.

Risultati del sondaggio

Sulla base dei risultati che abbiamo ricevuto da studi esterni e interni abbiamo identificato le seguenti aree che richiedono la massima attenzione:

  • Miglioramenti nei messaggi di errore
  • Comprendere l'esecuzione del rilevamento delle modifiche
  • Comprensione della gerarchia dell'iniettore e dell'istanza del provider
  • Visualizzazione della struttura dei componenti

Caratteristiche di Angular DevTools

Per affrontare le restanti preoccupazioni e fornire una vista specifica di Angular basata sulle funzionalità di Chrome DevTools, abbiamo sviluppato Angular DevTools in collaborazione con Rangle.io . Il team di Rangle ha creato il primo strumento di debug per Angular — Augury , che ha servito la comunità per anni. Lavorando insieme abbiamo sviluppato Angular DevTools da zero, riutilizzando le lezioni apprese da Augury.

Nella sua versione attuale, Angular DevTools si concentra su:

  • Visualizzazione della struttura dei componenti
  • Comprendere l'esecuzione del rilevamento delle modifiche
Profiler DevTools angolare

Ti offre anche una panoramica dei cicli di rilevamento delle modifiche, aiutandoti a trovare quali sono i colli di bottiglia delle prestazioni in modo da poter offrire un'esperienza a 60 fps ai tuoi utenti.

Esploratore angolare di DevTools

Angular DevTools supporta le applicazioni create con Angular v9 e versioni successive con Ivy abilitato.

Toolchain di sviluppo completa

In Angular abbiamo lavorato duramente per fornire una toolchain completa per il moderno sviluppatore Web. Insieme ad Angular CLI, servizio linguistico, strumenti PWA e componenti, Angular DevTools fornisce un importante pezzo mancante che ti aiuterà a comprendere meglio la struttura dell'applicazione e le prestazioni di runtime.

Nelle versioni future di Angular DevTools lavoreremo per colmare il divario di funzionalità con Augury, tenendo conto delle funzionalità di maggior impatto in base alle tue richieste. Siamo lieti di condividere questo lavoro con te! Ci auguriamo che porti un livello più elevato di fiducia e trasparenza al tuo processo di sviluppo.

Un ringraziamento speciale va ad Aleksander Bodurri e Sumit Arora che hanno lavorato insieme al team Angular su DevTools.

Suggested posts

Ricerca di informazioni sui nomi di dominio

Un estratto da Small, Sharp Software Tools di Brian P. Hogan

Ricerca di informazioni sui nomi di dominio

Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.

La rivoluzione senza codice: scatenare la prosperità aziendale con Webflow, Framer, Bubble.io,

La rivoluzione senza codice: scatenare la prosperità aziendale con Webflow, Framer, Bubble.io,

Intraprendi un entusiasmante viaggio di innovazione e successo mentre attingi al potenziale inutilizzato di queste sorprendenti piattaforme senza codice. Permettetemi di condividere con voi una storia su Sapna, una straordinaria donna imprenditrice.

Related posts

Niente più password: come le passkey sostituiranno la tua password

Niente più password: come le passkey sostituiranno la tua password

Per evitare ambiguità verranno utilizzati i seguenti termini; Autenticatore; Il telefono cellulare utilizzato per effettuare il login Sito web; Il sito Web o l'applicazione che l'utente sta utilizzando per effettuare la richiesta di accesso al Servizio; Il fornitore che fornisce il servizio dato, ad es

La sfida di lettura di Goodreads è tossica

La sfida di lettura di Goodreads è tossica

Il prurito alla mano si diffuse mentre mercanteggiavo con il libraio locale per un altro libro. Questo libro, come il resto che ho acquistato di recente, troverebbe il suo trono nella mia pila "Da leggere" (TBR); eppure l'ho comprato.

"La fossa delle Marianne svelata: svelare le terrificanti verità nascoste dell'abisso"

"La fossa delle Marianne svelata: svelare le terrificanti verità nascoste dell'abisso"

Introduzione:Benvenuti, coraggiosi lettori, in un viaggio che ci porterà nelle profondità più oscure del nostro pianeta. In questo blog, ci addentriamo nel mondo enigmatico della Fossa delle Marianne, scoprendo i suoi segreti nascosti e scoprendo le verità agghiaccianti che giacciono sotto la sua superficie.

La lenta erosione: svelare i modi in cui le persone deperiscono nella loro carriera

La lenta erosione: svelare i modi in cui le persone deperiscono nella loro carriera

Nel mondo frenetico e competitivo di oggi, la propria carriera gioca un ruolo significativo nella crescita personale, nella stabilità finanziaria e nella soddisfazione generale della vita. Tuttavia, molte persone si trovano intrappolate in un ciclo inesorabile di stagnazione e insoddisfazione, che si esauriscono gradualmente nella loro vita professionale.