Come abilitare l'interfaccia di Material Design in Chrome per iPhone, iPad e desktop

Google Chrome 68 per desktop e dispositivi mobili include elementi di un aggiornamento di Material Design che sono disabilitati per impostazione predefinita, ma che possono essere attivati ​​a piacere modificando le impostazioni nascoste, ecco come.

Se non hai familiarità con Material Design, è un insieme di linee guida progettuali sviluppate nel 2014 da Google su desktop, dispositivi mobili e web. Fa un uso migliore di layout basati su griglia, animazioni e transizioni reattive, effetti di riempimento e profondità come luci e ombre.

Going Material Design

In Chrome desktop, Material Design è limitato a un aspetto più arrotondato che attualmente esclude le schede arrotondate che sono apparse per la prima volta nelle build degli sviluppatori del browser nell'aprile 2018.

Su iOS, Material Design sposta i controlli di navigazione dalla parte superiore dello schermo all'area della scheda accanto alla parte inferiore. Di conseguenza, raggiungere i controlli di navigazione comuni, come i pulsanti avanti e indietro o un nuovo pulsante di ricerca, è ora molto più semplice in modalità a una mano.

Material Design richiede Chrome 68 o versioni successive per iOS, Mac, Android, Windows o Linux.

Puoi aggiornare la tua copia di Chrome per iOS all'ultima versione disponibile avviando App Store, quindi fai clic sulla scheda Aggiornamenti e scorri verso il basso per aggiornare l'elenco degli aggiornamenti in sospeso.

Per aggiornare Chrome per desktop, scegli Informazioni su Google Chrome dal menu Chrome.

Abilitazione di Material Design in Chrome per iOS

Per abilitare il nuovo aggiornamento di Material Design in Chrome per iPhone e iPad, procedi come segue:

1) Aperto Chrome 68 o versioni successive sul dispositivo iOS.

2) Tocca la barra degli URL, quindi digita questo URL:

chrome: // flags / # top-cromo-md

3) Tocca accanto a “UI Refresh Phase 1"E scegliere Abilitato dal menu popup.

4) Clicca il freccia sinistra nell'angolo in alto a sinistra.

5) Riavvia Chrome: fai doppio clic sul pulsante Home per richiamare il selettore di app o scorrere verso l'alto dal bordo inferiore del display del tuo iPhone X e mettere in pausa, quindi scorri verso l'alto sulla miniatura di Chrome.

6) Riavvia Chrome per rendere effettive le modifiche.

Sono particolarmente affezionato al nuovo pulsante di ricerca in basso.

Le versioni precedenti non avevano affatto un pulsante di ricerca dedicato. Invece, dovevi toccare la barra degli URL per iniziare la ricerca in qualsiasi momento. Con i controlli di navigazione allineati nella parte inferiore, ora posso iniziare a cercare o inserire un URL rapidamente, anche su telefoni di dimensioni Plus.

Anche la pagina Nuova scheda è stata riprogettata

Come puoi vedere tu stesso, la maggior parte delle scorciatoie meno utilizzate, come le impostazioni, la richiesta di un sito desktop, l'accesso alle schede, i segnalibri o la cronologia recenti e altro ancora, sono ora molto più facili da raggiungere con una mano tramite un tre punti menu in basso.

Il nuovo aggiornamento di Material Design in Chrome per iOS sembra interessante pic.twitter.com/JakpLFLKiB

- Tom Warren (@tomwarren) 25 luglio 2018

Oh, e un'ultima cosa: non ho avuto problemi ma alcune persone segnalano di non essere in grado di sincronizzare le proprie schede e la cronologia di navigazione dopo aver attivato Material Design a causa di errori di accesso (il "Continua come" il pulsante nella pagina Nuova scheda apparentemente non fa nulla).

Abilitazione di Material Design in Chrome per Mac

Per attivare le modifiche di Material Design in Chrome per desktop, procedi come segue:

1) Lanciare Chrome 68 o più tardi sul tuo computer.

2) Fai clic sulla barra dell'URL, quindi vai al seguente URL:

chrome: // flags / # top-cromo-md

3) Innanzitutto, fai clic sul menu accanto a "Layout dell'interfaccia utente per il miglior chrome del browser" e quindi scegli l'opzione etichettata ricaricare dal menu popup.

4) Quindi, fai clic sulla barra dell'URL e vai al seguente URL:

chrome: // flags / # Visto-navigatore-windows

5) Infine, fai clic sul menu accanto a "Utilizza le finestre del browser Views anziché Cocoa" e scegli l'opzione etichettata Abilitato dal menu popup.

6) Riavvia il browser Google per vedere le modifiche.

Dai un'occhiata alla finestra più bianca, più rotonda, cromata

Ancora una volta, le modifiche al Material Design di Chrome non sono così pronunciate sul desktop come sui dispositivi mobili: una finestra un po 'più bianca + un aspetto più arrotondato e questo è praticamente tutto. Chrome per il Material Design di iOS trasferisce l'intera serie di controlli di navigazione nella parte inferiore dello schermo per essere più facilmente raggiungibili con un dito, soprattutto su telefoni più alti.

Per quello che vale, la versione Chrome di Google per Canarie ha un'interfaccia Material Design ancora migliore che si spera possa passare a una versione beta di Chrome prima di essere distribuita a tutti.

Abilitazione del design dei materiali di Chrome su Android

Solo per menzionare brevemente che esistono anche flag rilevanti per gli utenti Android, vengono semplicemente chiamati Design moderno anziché Material Design. In particolare, dovresti visitare chrome: // flags / # top-chrome-md in Chrome per Android, quindi modificare i seguenti flag:

chrome: // flags / # enable-cromo-moderno-design

chrome: // flags / # ntp-moderno layout

Riavvia Chrome per goderti il ​​tuo nuovo aspetto Material Design.

Quindi, ragazzi e ragazze, come vi piace la medicazione di Material Design di Chrome?

Facci sapere lasciando un commento qui sotto!

Ho bisogno di aiuto? Chiedi a iDB!

Se ti piace questa guida, passala alla tua assistenza e lascia un commento qui sotto.

Rimasto bloccato? Non sei sicuro di come eseguire determinate operazioni sul tuo dispositivo Apple? Facci sapere tramite [email protected] e un futuro tutorial potrebbe fornire una soluzione.

Invia i tuoi suggerimenti pratici tramite [email protected].