Hur man aktiverar Material Design-gränssnittet i Chrome för iPhone, iPad & desktop

Google Chrome 68 för stationär och mobil innehåller element i en Material Design-uppdatering som är inaktiverade som standard, men kan aktiveras när som helst genom att ändra dolda inställningar. Så här.

Om du inte känner till Material Design är det en uppsättning designriktlinjer som utvecklats 2014 av Google på skrivbord, mobil och webb. Det gör bättre användning av rutbaserade layouter, responsiva animationer och övergångar, stoppning och djupeffekter som belysning och skuggor.

Going Material Design

I desktop Chrome är Material Design begränsat till ett mer avrundat utseende som för närvarande utesluter rundare-flikar som först visades i webbläsarens utvecklare i april 2018.

På iOS flyttar Material Design dina navigeringskontroller från toppen av skärmen till flikområdet längs botten. Som ett resultat är det mycket lättare att nå gemensamma navigeringskontroller, som framåt- och bakåtknappar eller en ny sökknapp i enhandsläget.

Materialdesign kräver Chrome 68 eller senare för iOS, Mac, Android, Windows eller Linux.

Du kan uppdatera din kopia av Chrome för iOS till den senaste tillgängliga versionen genom att starta App Store, sedan trycka på fliken Uppdateringar och dra ner för att uppdatera din lista över väntande uppdateringar.

Om du vill uppdatera Chrome för skrivbordet väljer du Om Google Chrome på Chrome-menyn.

Aktivera materialdesign i Chrome för iOS

Gör följande för att aktivera den nya Material Design-uppdateringen i Chrome för iPhone och iPad:

1) Öppen Chrome 68 eller senare på din iOS-enhet.

2) Klicka på URL-fältet och skriv sedan in den här URL:

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

3) Tryck bredvid “UI Refresh Fase 1”Och välj Aktiverad från popup-menyn.

4) Tryck på vänster pil i det övre vänstra hörnet.

5) Starta om Chrome: dubbelklicka på Hem-knappen för att åberopa appomkopplaren eller dra upp från den undre kanten på din iPhone X-skärm och pausa och dra sedan upp i Chrome's miniatyrbild.

6) Starta om Chrome för att ändringarna ska träda i kraft.

Jag är särskilt förtjust i den nya sökknappen längst ner.

Äldre versioner hade inte någon särskild sökknapp alls. Istället var du tvungen att knacka på URL-fältet för att börja söka när som helst. Med navigeringskontrollerna uppställda längs med botten kan jag nu börja söka eller ange en URL snabbt, även på telefoner i större storlek.

Sidan Ny flik har också designats om

Som du själv kan se är de flesta av de mindre använda genvägarna, till exempel inställningar, begär en skrivbordswebbplats, åtkomst till dina senaste flikar, bokmärken eller historik och mer, nu mycket lättare att nå med en hand via en treprickad menyn längst ner.

Den nya materialuppdateringen i Chrome för iOS ser intressant ut. Pic.twitter.com/JakpLFLKiB

- Tom Warren (@tomwarren) 25 juli 2018

Åh, och en sista sak: Jag hade inga problem men vissa rapporterar att de inte kunde synkronisera sina flikar och surfa efter att ha aktiverat Materialdesign på grund av inloggningsfel ( “Fortsätt som” knappen på sidan Ny flik gör tydligen ingenting alls).

Aktivera materialdesign i Chrome för Mac

Gör följande för att aktivera Material Design-ändringarna i Chrome för skrivbord:

1) Lansera Chrome 68 eller senare på din dator.

2) Klicka på URL-fältet och navigera sedan till följande URL:

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

3) Klicka först på menyn bredvid "UI-layout för webbläsarens översta krom" och välj sedan alternativet märkt Uppdatera från popup-menyn.

4) Klicka sedan på URL-fältet och navigera till följande URL:

chrome: // flags / # visningar-browser-fönster

5) Slutligen klickar du på menyn bredvid “Använd webbläsarfönster för Views istället för Cocoa” och välj alternativet märkt Aktiverad från popup-menyn.

6) Starta om din Google-webbläsare för att se ändringarna.

Kolla in det vitare, rundare fönsterkrom

Återigen är inte Chrome's Material Design-förändringar lika uttalade på skrivbordet som på mobilen: ett smärtare vitare fönster + ett mer avrundat utseende och det är ganska mycket det. Chrome for iOS Material Design flyttar hela uppsättningen navigeringskontroller till botten av skärmen för att vara lättare att nå med ett finger, särskilt på större telefoner.

För vad det är värt har Googles Chrome Canary-version ännu bättre Material Design-gränssnitt som förhoppningsvis kommer att sladda ner till en beta-version av Chrome innan den rullas ut till alla.

Aktivera Chrome's Material Design på Android

Bara för att kort nämna att det finns relevanta flaggor för Android-användare också, de kallas bara Modern Design istället för Material Design. Specifikt skulle du behöva besöka chrome: // flags / # top-chrome-md i Chrome för Android och sedan ändra följande flaggor:

chrome: // flags / # enable-krom-modern design

chrome: // flags / # ntp-modern layout

Starta om Chrome för att njuta av ditt nya materialdesign-utseende.

Så, pojkar och flickor, hur gillar du Chrome's Material Design-förband??

Låt oss veta det genom att lämna en kommentar nedan!

Behövs hjälp? Fråga iDB!

Om du gillar det här sättet, skicka det till dina supportpersoner och lämna en kommentar nedan.

Fastnade? Är du inte säker på hur du gör vissa saker på din Apple-enhet? Låt oss veta via [email protected] och en framtida handledning kan ge en lösning.

Skicka in dina förslagsförslag via [email protected].