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

Nouveautés de Chrome 67

Pete LePage

Les progressive web apps arrivent sur l'ordinateur
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.
Les BigInt permettent de gérer beaucoup plus facilement les grands entiers.

Et ce n'est pas tout ! En savoir plus

Je m'appelle Pete LePage. Voyons ce que Chrome 67 a de nouveau à offrir aux développeurs.

Vous souhaitez consulter la liste complète des modifications ? Consultez la liste des modifications du dépôt de sources Chromium.

PWA de bureau

La progressive web app de bureau de Spotify

Les applications Web progressives pour ordinateur sont désormais compatibles avec ChromeOS 67. Nous avons déjà commencé à travailler sur la compatibilité 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 services workers garantissent leur rapidité et leur fiabilité, et l'expérience de la fenêtre de l'application leur donne l'impression d'être intégrés. Elles offrent également une expérience engageante à vos utilisateurs.

Pour vous lancer, il vous suffit de suivre les étapes que vous suivez déjà. Tout le travail que vous avez effectué pour votre application Web progressive existante s'applique toujours. Vous devez simplement prendre en compte quelques points d'arrêt supplémentaires.

Si votre application répond aux critères standards des applications Web progressives, Chrome déclenche l'événement beforeinstallprompt, mais ne demande pas automatiquement à l'utilisateur de l'installer. Enregistrez plutôt l'événement, puis ajoutez une UI (comme un bouton d'installation de l'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 affichera alors l'invite à l'utilisateur. S'ils cliquent sur "Ajouter", Chrome ajoutera votre PWA à leur étagère et à leur lanceur.

Regardez ma présentation Google I/O, dans laquelle Jenny et moi-même détaillons les considérations techniques et de conception spéciales que vous devez prendre en compte lorsque vous créez une application Web progressive pour ordinateur.

Si vous souhaitez commencer à tester cette fonctionnalité sur Mac ou Windows, consultez l'article complet sur les applications Web progressives pour ordinateur pour savoir comment activer la compatibilité avec un indicateur.

API Sensor générique

Les données des capteurs sont utilisées dans de nombreuses applications pour offrir 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 les applications Web à l'aide de l'API Generic Sensor.

L'API se compose d'une interface Sensor de base avec un ensemble de classes de capteurs concrètes construites par-dessus. Une interface de base simplifie le processus d'implémentation et de spécification des classes de capteurs concrètes. Par exemple, la classe Gyroscope est super minuscule !

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 ne fait que l'étendre 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 créé plusieurs démonstrations de l'API de capteurs génériques et des exemples de code. Il a également mis à jour le post de septembre sur les capteurs pour le Web avec tout ce que vous devez savoir.

`BigInt` s

Les BigInt sont une nouvelle primitive numérique en JavaScript, qui peut représenter des entiers avec une précision arbitraire. Les ID entiers longs et les horodatages de haute précision ne peuvent pas être représentés sans risque sous la forme Numbers dans JavaScript, ce qui entraîne souvent des bugs réels (pour lesquels nous finissons 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 les BigInt, nous pouvons stocker et effectuer des opérations arithmétiques sur des entiers en toute sécurité, sans débordement. Aujourd'hui, le traitement de grands entiers implique généralement de recourir à une bibliothèque qui émule des fonctionnalités semblables à 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 pourrons abandonner ces dépendances d'exécution au profit de BigInts natif. L'implémentation native est non seulement plus rapide, mais elle permet également 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 !

Il ne s'agit là que de quelques-unes des modifications apportées à Chrome 67 pour les développeurs.

L'API Credential Management est compatible avec Chrome 51 et fournit un framework permettant de créer, de récupérer et de stocker des identifiants. Pour ce faire, elle a utilisé deux types d'identifiants: PasswordCredential et FederatedCredential. L'API Web Authentication ajoute un troisième type d'identifiants, 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 pouvant authentifier un utilisateur. Chrome 67 active l'API à l'aide d'authentificateurs U2F/CTAP 1 via le transport USB sur ordinateur.

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

Google I/O s'est terminé

Si vous n'avez pas pu assister à I/O ou si vous y êtes allé, mais que vous n'avez pas vu toutes les conférences sur le Web, regardez la playlist Chrome et Web pour vous tenir informé de toutes les dernières nouveautés de Google I/O.

Nouveautés des outils de développement

Consultez Nouveautés dans les outils pour les développeurs Chrome pour découvrir les nouveautés de DevTools dans Chrome 67.

Cliquez ensuite sur le bouton S'abonner sur notre chaîne YouTube. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Pete LePage. Dès que Chrome 68 sera disponible, je vous présenterai les nouveautés de Chrome.