- Ora puoi creare il tuo tag HTML personalizzato con Custom Element v1 e creare componenti web riutilizzabili.
- È più facile inviare messaggi tra finestre o schede aperte nella stessa origine con l'API BroadcastChannel.
- Miglioramento dell'esperienza multimediale su Android e il recupero esterno è ora disponibile come prova dell'origine.
Mi chiamo Pete LePage, analizziamo le novità di Chrome 54 per gli sviluppatori.
Elementi personalizzati v1
Le interfacce utente complesse richiedono spesso una grande quantità di codice HTML. La maggior parte dei linguaggi consente agli sviluppatori di creare i propri componenti basati su primitive del linguaggio per mitigare questo tipo di livello di dettaglio. Ma finora, creare componenti riutilizzabili sul web non è sempre stato facile.
Gli elementi personalizzati consentono di creare tag HTML personalizzati, nonché di definire l'API e il comportamento del nuovo elemento in JavaScript. Il risultato è un modo nativo del browser per creare componenti interoperabili e riutilizzabili.
Chrome 54 fornisce il supporto per gli elementi personalizzati più recenti specifiche V1 e continuerà a supportare l'API V0 fino a quando un numero sufficiente di utenti non sarà passato alla V1.
Consulta le nostre iniziative sugli elementi personalizzati per scoprire come utilizzarli per creare componenti web riutilizzabili per il tuo sito o la tua applicazione.
API BroadcastChannel
Non è raro che gli utenti di computer desktop si aprano contemporaneamente più finestre o schede e alcuni siti incoraggiano persino questo comportamento, come gli editor web che aprono i documenti nelle proprie schede.
Comunicare tra queste schede può essere difficile. L'API BroadcastChannel è una nuova API di messaggistica one-to-many tra finestre, schede, iframe, web worker e service worker. Consente agli script di stabilire dei canali denominati per inviare messaggi tra contesti di navigazione della stessa origine.
Altre BroadcastChannel risorse
requestFullScreen
I contenuti multimediali svolgono un ruolo sempre più importante nell'esperienza di navigazione.
Oltre al gesto dell'utente, ora puoi utilizzare Element.requestFullScreen() per attivare la modalità a schermo intero dopo una modifica dell'orientamento dello schermo e creare esperienze multimediali più complete che includono la rotazione a schermo intero.
Recupero di dati esterni
Immagina se un'origine di uso comune come un provider API, un servizio di caratteri web o un altro servizio abbia la possibilità di eseguire il deployment del proprio service worker.
Anziché accedere sempre alla rete, il provider potrebbe implementare la propria logica di networking personalizzata e sfruttare un'unica istanza di cache autorevole per archiviare le risposte.
Ora, grazie al fetch di dati estranei, disponibile in Chrome 54 come prova dell'origine, è realtà. Dai un'occhiata al post di Jeffrey nei commenti qui sotto.
Chiusura
Queste sono solo alcune delle modifiche apportate alla versione 54 di Chrome per gli sviluppatori.
Consulta la descrizione per ulteriori dettagli e i link alla documentazione e alle specifiche.
E non dimenticarti di dare un'occhiata al Chrome Dev Summit, lo trasmetteremo in streaming su YouTube il 10 e l'11 novembre.
Se vuoi tenerti aggiornato su Chrome e conoscere le novità in arrivo, fai clic sul pulsante Abbonati in alto.
Mi chiamo Pete LePage e non appena uscirà Chrome 55, sarò qui per dirti le novità di Chrome.