Chrome 69 va apporter un nouveau design au navigateur le mois prochain
Et rendre l'utilisation de Flash plus pénible

Le , par Coriolan, Chroniqueur Actualités
Chrome est de loin le navigateur le plus populaire du marché, et le mois prochain, il va fêter ses premières dix années. Cette occasion va coïncider avec le lancement de Chrome 69 pour le grand public. Parmi les nouveautés majeures, une refonte totale de l’interface utilisateur apportant le tant attendu « Material design » au navigateur.


Le nouveau design de Chrome

Les utilisateurs impatients ont déjà pu voir ces changements en installant la version 68 de Chrome Canary. Les nouveautés concernent principalement des changements opérés sur l’interface utilisateur. Tout comme pour d’autres produits de Google, en l'occurrence Android P et Gmail, Chrome bénéficie à son tour du « Google Material Theme », les boutons de signets et les zones de saisie du navigateur ont été arrondis, les onglets sont désormais rectangulaires avec des angles arrondis aussi. Sur mobile, les boutons de navigation sont déplacés en bas de fenêtre pour faciliter la navigation, toutefois ce changement ne concerne qu’iOS actuellement.

Outre ces changements, Chrome 69 va inclure le support du système de notifications de Windows 10, la navigation par geste sur Windows et une amélioration du remplissage automatique. En plus, le navigateur va adopter une approche beaucoup plus agressive pour endiguer Flash. À chaque fois qu’un contenu requiert l’utilisation du plugin, l’utilisateur devra donner la permission, ce qui risque d’être irritant et pénible, mais une façon de pousser Flash un peu plus vers la sortie, surtout qu’Adobe va entièrement suspendre le développement du plugin en 2020.

Il faudra attendre jusqu’au 4 septembre pour installer Chrome 69, toutefois, il est déjà possible d’activer le nouveau thème sous Chrome 68. Il suffit de taper chrome://flags/ et chercher UI Layout for the browser’s top chrome, ensuite il faut sélectionner Refresh puis redémarrer Chrome.

Source : Chrome Entreprise release notes - chromium

Et vous ?

Que pensez-vous du nouveau design de Chrome ?

Voir aussi :

Chrome ne va plus afficher le label « Sécurisé » pour les connexions HTTPS à compter de septembre 2018
Le lazy loading d'images et iframes débarque dans Chrome Canary, pour des vitesses de chargement de pages Web en hausse de 18 à 35 %
La bêta de Chrome 69 est disponible et s'accompagne du support expérimental du codec vidéo AV1 et de la prise en charge des encoches d'affichage


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse Signaler un problème

Avatar de archqt archqt - Membre actif https://www.developpez.com
le 22/08/2018 à 15:12
Je n'ai pas fait trop de WEB (<troll>car c'est une immense bouse cette/ces technologies</troll>) donc je ne peux pas vous dire, mais d'après que ce j'ai pu en voir, il reste quoi à flash qui est compliqué à changer ?
A part les jeux qui existent donc long à refaire en HTML5 (et encore il me semble qu'il existait des transpileur), ou les/certains sites de vidéos ou de visio, qui demandent flash. Il me semble que caméra+audio=webRTC, et que HTML5 sait très bien lire les vidéos.
Problème de DRM ?
Dans ce cas, il me semble que les portages sont faisables, du coup vu le nombre d'années qu'on entend que flash va disparaître et SURTOUT vu que le gros du trafic vient des mobiles qui n'ont pas flash, pourquoi ces sites ne font pas la transition ?

Y a t il quelqu'un ici qui a utilisé flash et qui trouve que la transition est compliqué à faire (<troll>A part que Javascript tout pourri</troll> )
Avatar de danielhagnoul danielhagnoul - Rédacteur https://www.developpez.com
le 22/08/2018 à 19:27
Version 69.0.3497.42 (Build officiel) beta (64 bits) est disponible depuis plusieurs jours.
Avatar de zellerda zellerda - Membre à l'essai https://www.developpez.com
le 23/08/2018 à 6:56
À chaque fois qu’un contenu requiert l’utilisation du plugin, l’utilisateur devra donner la permission, ce qui risque d’être irritant et pénible
C'est déjà le cas !
Avatar de jvallois jvallois - Membre régulier https://www.developpez.com
le 23/08/2018 à 8:02
Citation Envoyé par zellerda Voir le message
C'est déjà le cas !
Cela ne signifierait-il pas qu'il est actuellement possible d'autoriser Flash une bonne foi pour toutes pour un contenu donné et qu'à l'avenir il faudra redonner cette autorisation à chaque fois ?
Avatar de archqt archqt - Membre actif https://www.developpez.com
le 23/08/2018 à 11:02
Citation Envoyé par jvallois Voir le message
Cela ne signifierait-il pas qu'il est actuellement possible d'autoriser Flash une bonne foi pour toutes pour un contenu donné et qu'à l'avenir il faudra redonner cette autorisation à chaque fois ?
Je pense que c'est ça
Avatar de Stéphane le calme Stéphane le calme - Chroniqueur Actualités https://www.developpez.com
le 05/09/2018 à 12:58
Chrome 69 est disponible en téléchargement en version stable, le navigateur arrive avec un nouveau design,
et ne marque plus les sites HTTPS comme étant sécurisés

Hier, Google a amorcé la diffusion de la version stable de Chrome 69 sur les plateformes Windows, MacOS, Linux et Android. Cette version inclut un nouveau design, une version omnibox plus puissante, un gestionnaire de mots de passe mis à jour, un remplissage automatique plus précis, de nombreuses modifications spécifiques aux développeurs et de nombreuses améliorations en matière de sécurité.

Nouveau design

Le nouveau look de Chrome, basé sur les principes de Material 2, inclut des formes plus arrondies, des icônes mises à jour et une nouvelle palette de couleurs. Les invites et les menus ont été simplifiés, tandis que les onglets sont désormais conçus pour rendre les icônes du site plus faciles à voir. La conception Material 2 s’applique aussi bien à la version desktop que la version mobile et sur iOS, la réorganisation inclut le déplacement de la barre d’outils vers le bas afin qu’elle soit facilement accessible.


Une omnibox plus puissante

En parlant de la barre d'adresse de Chrome, que Google appelle l'omnibox, elle peut désormais afficher vos réponses directement. Elle fournit des résultats riches sur des questions relatives à des personnalités, des événements sportifs, la météo, etc. Si vous recherchez un site Web dans votre omnibox, Chrome peut désormais vous dire s’il est déjà ouvert et vous permettre d’y accéder directement en cliquant sur « Passer à l’onglet ».


Une amélioration du remplissage automatique

Chrome 69 peut également saisir plus précisément vos mots de passe, adresses et numéros de carte de crédit. Toutes ces informations sont enregistrées sur votre compte Google, directement depuis la barre d’outils Chrome. Le gestionnaire de mots de passe de Chrome a également été amélioré : lorsque vient le moment de créer un nouveau mot de passe, la version desktop de Chrome peut désormais générer un mot de passe unique, l’enregistrer et le rendre disponible sur votre ordinateur portable et votre téléphone.

Chrome 69 poursuit également la guerre de Google contre les sites HTTP.

HTTPS est une version plus sécurisée du protocole HTTP utilisé sur Internet pour connecter les utilisateurs aux sites Web. Les connexions sécurisées sont largement considérées comme une mesure nécessaire pour réduire le risque que les utilisateurs soient vulnérables à l'injection de contenu (ce qui peut entraîner des écoutes, des attaques de type intermédiaire et d'autres modifications de données). Les données sont sécurisées par des tiers dans l’optique de rassurer les utilisateurs sur le fait qu’ils communiquent avec le site Web approprié.


Google pousse le Web vers HTTPS depuis des années, mais il a accéléré ses efforts l’année dernière en apportant des modifications à l’interface utilisateur de Chrome. Chrome 56, publié en janvier 2017, a commencé à marquer les pages HTTP qui collectent les mots de passe ou les cartes de crédit comme «Non sécurisé». Chrome 62, publié en octobre 2017, a commencé à marquer ainsi les sites HTTP avec des données saisies. Chrome 68, publié en juillet, a marqué tous les sites HTTP comme étant «non sécurisé» dans la barre d’adresse.

Google ne s'arrête pas là. Maintenant, avec la sortie de Chrome 69, les sites HTTPS ne portent plus le libellé «sécurisé»:

Avec la sortie de Chrome 70, lorsqu’un internaute se rendra sur un site HTTP et qu’il va entrer des données (indépendamment de leurs natures - identifiants, numéro de carte de crédit, etc.), il verra un avertissement rouge avec le libellé «Non sécurisé».


Côté développeurs

Chrome s’accompagne également de plusieurs fonctionnalités CSS.

Prise en charge des encoches d'affichage

Les encoches d'affichage sont désormais prises en charge dans Chrome via la nouvelle fonction CSS env () (variables d'environnement) et la balise meta viewport-fit. Cela permet aux développeurs de tirer parti de l'intégralité de l'écran sur les périphériques dotés d'une encoche d’affichage.

Par exemple, pour indiquer au navigateur de se développer dans la zone d’encoche d'affichage, le site doit définir la propriété viewport-fit dans la balise META de viewport à couvrir. Le site peut ensuite utiliser les variables d'environnement CSS de la zone sécurisée pour mettre en page leur contenu sans qu’il ne soit superposé à l’encoche.

Code html : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
<meta name="viewport" content="viewport-fit: cover" />
 
<style>
  #box {
    margin-top: env(safe-area-inset-top);
    margin-left: env(safe-area-inset-left);
    margin-bottom: env(safe-area-inset-bottom);
    margin-right: env(safe-area-inset-right);
  }
</style> 
 
<div id=box></div>

Une image sur un téléphone disposant d’une encoche d’affichage

Étant donné qu’un nombre croissant d'appareils mobiles sont sortis avec une encoche d'affichage, les applications natives seront en mesure de profiter de l'expansion dans la zone de découpe. L'ajout d'un support d’encoche d'affichage à la plate-forme Web permettra aux sites d'offrir une expérience comparable à celle d'une application native sur ces appareils.

Gradients coniques

Les gradients coniques CSS (angulaire / balayage) permettent des transitions de couleur autour d'un centre plutôt que de rayonner à partir de celui-ci. Cela permet, par exemple, de créer une roue de teinte en utilisant seulement deux propriétés CSS comme vous pouvez le voir ci-dessous.


Canvas

OffscreenCanvas est une nouvelle interface qui permet d'utiliser les contextes de rendu 2D et WebGL dans Workers. Cela augmente le parallélisme dans les applications Web et améliore les performances sur les systèmes multicœurs.

Chrome prend désormais en charge DedicatedWorker.requestAnimationFrame (), ce qui permet de déclencher les événements de type animation sur les Workers dédiés comme dans Windows. Par exemple:

Code javascript : Sélectionner tout
1
2
3
const offscreenCanvas = new OffscreenCanvas(100, 100);
const ctx = offscreenCanvas.getContext("2d");
ctx.fillRect(0, 0, 10, 10);

Ou avec Canvas

Code javascript : Sélectionner tout
1
2
3
4
const canvasElement = document.getElementById("mycanvas")
const offscreenCanvas = canvasElement.transferControlToOffscreen();
const ctx = offscreenCanvas.getContext("2d");
ctx.fillRect(0, 0, 10, 10);

Dans un Worker

Code javascript : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
self.onmessage = function(ev) {
  const offscreenCanvas = ev.data;
  const ctx = offscreenCanvas.getContext("2d");
  let x = 0;
  const draw = function() {
    ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
    ctx.fillRect(x, 0, 10, 10);
    x = (x + 1) % ctx.canvas.width;
    requestAnimationFrame(draw);
  };
  draw(0);
}

Page principale

Code javascript : Sélectionner tout
1
2
3
4
const worker = new Worker("worker.js");
const offscreenCanvas =
    document.getElementById("canvas").transferControlToOffscreen();
worker.postMessage(offscreenCanvas, [offscreenCanvas]);

API JavaScript

JavaScript a plusieurs nouvelles API:
  • l'API ReportingObserver fournit une fonction de rappel JavaScript invoquée en réponse aux dépréciations et aux interventions du navigateur. Le rapport peut être sauvegardé, envoyé au serveur ou manipulé à l'aide de JavaScript arbitraire. Cette fonctionnalité est conçue pour permettre aux développeurs de mieux comprendre le fonctionnement de leurs sites sur des périphériques réels.
  • les tableaux JavaScript obtiennent deux nouvelles méthodes. Array.prototype.flat () renvoie un nouveau tableau avec tous les éléments du sous-tableau concaténés en récursif jusqu'à la profondeur spécifiée. Les éléments du sous-tableau deviennent membres du nouveau tableau. Array.prototype.flatMap () mappe d'abord chaque élément à l'aide d'une fonction de mappage, puis porte le résultat dans un nouveau tableau. Cette méthode est fonctionnellement équivalente à une carte suivie par l'appel de flat () avec une profondeur de 1.

API Keyboard Map

Certaines applications telles que les jeux attribuent des fonctions spécifiques à des clés physiques spécifiques. Lorsque l'interface fait référence à ces clés, elle doit afficher soit le caractère affiché sur la touche, qui varie en fonction des paramètres régionaux, soit le caractère attribué à la touche par une disposition de clavier différente qui peut avoir été installée par l'utilisateur. En raison de ces variations de disposition, il est parfois possible que le caractère affiché dans l'interface ne fasse pas référence à la clé physique voulue.

Cette nouvelle API fournit un moyen de traduire les valeurs KeyboardEvent.code représentant les clés physiques en chaînes correctes pour l'affichage à l'utilisateur.

Google Chrome 69.0.3497.23 est maintenant disponible en téléchargement sur GNU / Linux, macOS et Microsoft Windows si vous voulez essayer les nouvelles fonctionnalités et améliorations. Il ne faut pas oublier que le logiciel est en version bêta et qu'il n'est donc pas recommandé pour une utilisation en production.

Télécharger Chrome 69 (Windows, MacOS, Linux)

Source : Google

Et vous ?

Quelles sont les améliorations qui vous intéressent le plus ?
Avatar de xarkam xarkam - Membre confirmé https://www.developpez.com
le 05/09/2018 à 15:53
Le seule truc que je n'ai pas ni sous windows et ni sous linux, c'est cette fameuse nouvelle tab pages.
Contacter le responsable de la rubrique Accueil