Cette page a été traduite par l'API Cloud Translation.

Nouveautés de Chrome 67

Pete LePage

Twitter GitHub Glitch Mastodon Page d'accueil

Les progressive web apps arrivent sur les ordinateurs de bureau.
L'API de capteur générique facilite l'accès aux capteurs de l'appareil tels que l'accéléromètre, le gyroscope, etc.
De plus, les BigInt facilitent le traitement des grands nombres entiers.

Et ce n'est pas tout : beaucoup plus !

Je m'appelle Pete LePage. C'est parti pour découvrir les nouveautés de Chrome 67 pour les développeurs.

Vous souhaitez consulter la liste complète des modifications ? Consultez la liste des modifications apportées au dépôt source Chromium.

PWA de bureau

Progressive web app Spotify pour ordinateur

Les progressive web apps pour ordinateur sont désormais compatibles avec ChromeOS 67, et nous avons déjà commencé à les rendre compatibles avec Mac et Windows. Une fois installées, elles sont lancées de la même manière que les autres applications et s'exécutent dans une fenêtre d'application, sans barre d'adresse ni onglets. Les service workers s'assurent d'être rapides et fiables. L'expérience offerte par la fenêtre de l'application leur permet d'être intégrés. Elles créent une expérience attrayante pour vos utilisateurs.

Vous êtes déjà en train de vous lancer. Tout le travail que vous avez effectué pour votre progressive web app existante s'applique toujours. Il vous suffit de tenir compte de points d'arrêt supplémentaires.

Si votre application répond aux critères standards des PWA, Chrome déclenche l'événement beforeinstallprompt, mais n'invite pas automatiquement l'utilisateur. Au lieu de cela, enregistrez l'événement, puis ajoutez une UI (comme un bouton d'installation d'application) à votre application pour indiquer à l'utilisateur que votre application peut être installée. Ensuite, lorsque l'utilisateur clique sur le bouton, appelez l'invite sur l'événement enregistré. Chrome affiche ensuite l'invite. S'ils cliquent sur "Ajouter", Chrome ajoute votre PWA à l'étagère et au lanceur d'applications.

Regardez ma conférence Google I/O dans laquelle Jennifer et moi abordons en détail les considérations techniques et particulières de conception à prendre en compte lors de la création d'une progressive web app de bureau.

Si vous souhaitez utiliser cette fonctionnalité sur Mac ou Windows, consultez l'article complet sur les progressive web apps pour ordinateur afin de découvrir comment activer la compatibilité avec un indicateur.

API Generic Sensor

Les données des capteurs sont utilisées dans de nombreuses applications pour permettre des expériences telles que les jeux immersifs, le suivi de l'activité physique et la réalité augmentée ou virtuelle. Ces données sont désormais disponibles pour l'application Web à l'aide de l'API Generic Sensor.

L'API se compose d'une interface Sensor de base sur laquelle se superpose un ensemble de classes de capteurs concrètes. Le fait de disposer d'une interface de base simplifie le processus d'implémentation et de spécification des classes de capteurs concrètes. Par exemple, la classe du gyroscope est super petite !

const sensor = new Gyroscope({frequency: 500});
sensor.start();

sensor.onreading = () => {
    console.log("X-axis " + sensor.x);
    console.log("Y-axis " + sensor.y);
    console.log("Z-axis " + sensor.z);
};

La fonctionnalité de base est spécifiée par l'interface de base, et le gyroscope l'étend simplement avec trois attributs représentant la vitesse angulaire. Chrome 67 est compatible avec l'accéléromètre, le gyroscope, le capteur d'orientation et le capteur de mouvement.

Intel a préparé plusieurs démonstration de l'API Generic Sensor et un exemple de code. Le groupe a également mis à jour l'article Sensors for the Web! (Capteurs pour le Web) de septembre avec tout ce que vous devez savoir.

`BigInt` s

Les BigInt sont une nouvelle primitive numérique en JavaScript, capable de représenter des entiers avec une précision arbitraire. Les ID entiers volumineux et les horodatages de haute précision ne peuvent pas être représentés en toute sécurité par Numbers en JavaScript, ce qui conduit souvent à des bugs concrets (qui, en effet, nous finissent souvent par représenter ces nombres sous forme de chaînes).

let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?

Avec BigInt, nous pouvons stocker et effectuer des opérations arithmétiques entières de manière sécurisée sans débordement. Aujourd'hui, traiter les grands entiers signifie généralement que nous devons recourir à une bibliothèque qui émule une fonctionnalité de type BigInt.

let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!

Lorsque BigInt sera largement disponible, nous serons en mesure de supprimer ces dépendances d'exécution au profit du BigInts natif. Non seulement l'implémentation native est plus rapide, mais elle permet aussi de réduire le temps de chargement, d'analyse et de compilation, car nous n'aurons pas à charger ces bibliothèques supplémentaires.

Et bien plus !

Ce ne sont là que quelques-unes des modifications apportées à Chrome 67 pour les développeurs, bien sûr, mais il y en a bien d'autres.

L'API Credential Management est prise en charge depuis Chrome 51 et fournit un framework permettant de créer, de récupérer et de stocker des identifiants. Pour ce faire, il utilise deux types d'identifiants: PasswordCredential et FederatedCredential. L'API Web Authentication ajoute un troisième type d'identifiant, PublicKeyCredential, qui permet aux navigateurs d'authentifier un utilisateur avec une paire de clés privée/publique générée par un authentificateur tel qu'une clé de sécurité, un lecteur d'empreinte digitale ou tout autre appareil capable d'authentifier un utilisateur. Chrome 67 active l'API à l'aide d'authentificateurs U2F/CTAP 1 via le transport USB sur un ordinateur.

Pour en savoir plus à ce sujet, consultez l'article d'Eiji Activer l'authentification forte avec WebAuthn.

Google I/O est une conclusion

Si vous ne vous êtes pas rendu à Google I/O, ou si vous l'avez fait, mais que vous n'avez pas vu toutes les conférences sur le Web, consultez la playlist Chrome et Web pour tout savoir sur les dernières actualités Google I/O.

Nouveautés des outils de développement

Consultez la page Nouveautés des outils pour les développeurs Chrome pour découvrir les nouveautés concernant les outils de développement dans Chrome 67.

Cliquez ensuite sur le bouton S'abonner sur notre chaîne YouTube. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera mise en ligne.

Je m'appelle Pete LePage. Dès la sortie de Chrome 68, je serai là pour vous dire : quelles sont les nouveautés de Chrome !