Novità di Chrome 61

Pete LePage

  • Chrome 61 ora supporta i moduli JavaScript in modo nativo, unificando il modo in cui è possibile scrivere JavaScript modulare.
  • Ora puoi utilizzare navigator.share per attivare la finestra di dialogo di condivisione nativa di Android.
  • L'API WebUSB è stata rilasciata e consente alle app web di accedere ai dispositivi USB consentiti dall'utente.
  • E c'è molto altro.

Vuoi l'elenco completo delle modifiche? Consulta l'elenco delle modifiche al repository di origine di Chromium.

Mi chiamo Pete LePage. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 61.

Moduli JavaScript

Chrome 61 aggiunge il supporto nativo per i moduli JavaScript tramite l'elemento <script type="module">. In questo modo Chrome può recuperare le dipendenze granulari in parallelo, sfruttando la memorizzazione nella cache, evitando duplicati nella pagina e garantendo che lo script venga eseguito nell'ordine corretto.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

Questo sistema di moduli standardizzato unifica il modo in cui il codice JavaScript modulare può essere scritto e spedito ai browser web. In futuro, lo stesso sistema sarà disponibile in Node, semplificando la scrittura e il deployment di JavaScript isomorfo.

Per scoprire di più sui moduli e sugli aspetti di JavaScript interessati dai moduli, consulta i link riportati di seguito.

API Web Share

Se vuoi che gli utenti possano condividere facilmente i tuoi contenuti sul loro social network preferito, devi integrare i pulsanti di condivisione nel tuo sito per ogni social network. Aggiunge elementi non necessari alla pagina, non si adatta sempre bene all'UI e richiede l'inclusione di codice di un sito di terze parti.

L'API Web Share, disponibile oggi su Chrome per Android, consente di richiamare le funzionalità di condivisione native del dispositivo dell'utente, consentendogli di condividere facilmente testo o link con qualsiasi app nativa installata.

In una release futura, questa API potrà anche condividere con le app web installate. Per utilizzarlo, chiama semplicemente navigator.share con i dettagli della pagina che vuoi condividere. Il sistema si occuperà del resto.


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

Consulta l'aggiornamento dell'API WebShare di Paul per informazioni dettagliate e alcune best practice da seguire.

WebUSB

La maggior parte delle periferiche hardware come tastiere, mouse, stampanti e gamepad è supportata dalle API di piattaforme web di alto livello. Tuttavia, l'utilizzo nel browser di dispositivi USB specializzati per scopi didattici, scientifici, industriali o di altro tipo è stato difficile e spesso richiedevano driver specializzati.

Chrome ora supporta l'API WebUSB, che consente alle app web di comunicare con i dispositivi USB dopo che l'utente ha fornito il proprio consenso. Per scoprire di più sulle considerazioni relative a sicurezza e privacy e su come vengono affrontate, dai un'occhiata alla specifica WebUSB.

Quindi, quando vorrai iniziare, dai un'occhiata al post WebUSB di Francois sugli aggiornamenti.

E tanto altro.

  • Ora puoi specificare la fluidità dello scorrimento con la proprietà CSS scroll-behavior.
  • I valori dei colori esadecimali CSS ora possono specificare la trasparenza alfa aggiungendo cifre alla fine della stringa.
  • Puoi accedere alle posizioni relative dei contenuti sullo schermo con l'API Visual Viewport, che espone funzionalità complesse come pizzica lo zoom e pizzica in modo più diretto.

Queste sono solo alcune delle modifiche apportate a Chrome 61 per gli sviluppatori.

Poi iscriviti al nostro canale YouTube e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Pete LePage e, non appena verrà rilasciato Chrome 62, sarò qui per raccontarti le novità di Chrome.