Questo post fa parte di una serie di post del blog che descrivono le modifiche che stiamo apportando all'architettura di DevTools e alla sua creazione.
Quando DevTools è stato creato per la prima volta molti anni fa, il team ha scelto di creare un framework UI personalizzato. Al momento era una scelta ragionevole e ha funzionato bene per DevTools.
Da allora, però, la piattaforma ha acquisito varie funzionalità, tra cui i componenti web, che sono ideali per creare nuovi elementi dell'interfaccia utente in DevTools. Facendo affidamento su ciò che offre la piattaforma, possiamo ridurre notevolmente la quantità di codice UI personalizzato che dobbiamo mantenere e investire di più nella creazione di funzionalità per DevTools, anziché supportare l'infrastruttura personalizzata.
Per facilitare la transizione, abbiamo creato una guida alla creazione di elementi dell'interfaccia utente in DevTools da condividere con il team più grande di DevTools. Parte della guida è specifica per DevTools e la relativa architettura, che presenta una propria serie di vincoli, ma parte è costituita da linee guida generiche sugli approcci che abbiamo utilizzato per creare, strutturare e testare i componenti web.
Oggi rendiamo disponibile questo documento all'indirizzo goo.gle/building-ui-devtools. Se ti sei mai chiesto di più su come vengono utilizzati i componenti web in applicazioni di grandi dimensioni reali o su alcune delle sfide legate all'integrazione dei componenti in una base di codice preesistente di grandi dimensioni, questo documento potrebbe aiutarti e fornirti alcune risposte. Per qualsiasi domanda sulle nostre linee guida, non esitare a inviarmi un tweet.
Scaricare i canali di anteprima
Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, di testare API di piattaforme web all'avanguardia e di trovare i problemi sul tuo sito prima che lo facciano gli utenti.
Contatta il team di Chrome DevTools
Utilizza le seguenti opzioni per discutere di nuove funzionalità, aggiornamenti o qualsiasi altro argomento relativo a DevTools.
- Inviaci feedback e richieste di funzionalità all'indirizzo crbug.com.
- Segnala un problema DevTools utilizzando Altre opzioni > Guida > Segnala un problema DevTools in DevTools.
- Invia un tweet all'account @ChromeDevTools.
- Lascia un commento sui video di YouTube Novità di DevTools o sui video di YouTube Suggerimenti per DevTools.