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.

Sono 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, sfruttare la memorizzazione nella cache, evitare duplicazioni nella pagina e assicurarsi 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 JavaScript modulare può essere scritto e inviato 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 di dispositivi USB didattici, scientifici, industriali o di altro tipo nel browser è stato difficile, spesso richiedendo 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 saperne di più sulle considerazioni relative a sicurezza e privacy e su come vengono affrontate, dai un'occhiata alle specifiche WebUSB.

Quando è tutto pronto, dai un'occhiata al post di Francois su WebUSB 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 dello schermo con l'API Visual Viewport, esponendo funzionalità complesse come lo zoom con due dita 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.