TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan bruke materialdesign i Google Chrome?

5

Hva er materialdesign?

Material Design er et brukergrensesnittkonsept introdusert av Google i løpet av 2014. La oss ikke gå inn på for mange tekniske detaljer om Material Design, dette bruker i utgangspunktet kort (ligner på kortet i Bootstrap 4) og lager et fullt responsivt oppsett basert på rutenett. Hvis du lenge har brukt Google -produkter, har du kanskje lagt merke til at de fleste produktene som Gmail, YouTube, Google+ osv. Har blitt endret til et nytt grensesnitt de siste årene.

Materialdesign i Google Chrome

I motsetning til andre applikasjoner endret Google bare den grunnleggende Chrome -designen for å bruke Material Design. Selv om de fleste sider, inkludert Innstillinger -siden, er endret for å tilpasse seg det nye materialdesignkonseptet, er det ennå ikke helt gjort i hele nettleseren.

I denne artikkelen la oss forklare hvordan du bruker Material Design i Google Chrome.

Hvordan bruke materialdesign i Google Chrome?

Gå til kommandoen URL “chrome: // flags/" i Chrome og skriv inn “materialdesign” i søkeboksen “Søkflagg”. Du vil se alle tilgjengelige og utilgjengelige eksperimenter basert på operativsystemet og Chrome -versjonen.

Hvordan bruke materialdesign i Google Chrome?

Chrome Material Design Flagg

Test materialdesign i Chrome

La oss prøve å aktivere Materialdesign for utvidelser. Før det går du til “chrome: // extensions/” som skal se ut som nedenfor.

Hvordan bruke materialdesign i Google Chrome?

Normal visning av Chrome -utvidelser

Gå tilbake til flaggseksjonen og se etter flagget "Aktiver materialdesignutvidelser". Velg "Aktivert" fra rullegardinmenyen, og du blir bedt om å starte nettleseren på nytt.

Hvordan bruke materialdesign i Google Chrome?

Start Chrome på nytt med Material Design aktivert

Klikk på knappen "Start på nytt nå" for å lukke og åpne Chrome på nytt. Alle faner åpnes igjen, men du må logge deg på nettstedene igjen hvis du tidligere var logget inn. Gå nå til utvidelsessiden "chrome: // extensions/" igjen. Det skal se elegant ut som nedenfor med Material Design -bokser.

Hvordan bruke materialdesign i Google Chrome?

Materialdesign Chrome Extensions View

Andre flagg av materialdesign

På Chrome versjon 64 kunne vi se følgende eksperimentelle flagg:

1 Materialdesign i resten av nettleserens opprinnelige brukergrensesnitt

Den grunnleggende brukergrensesnittet for Chrome bruker allerede Material Design -konseptet. Hvis du aktiverer dette flagget, utvides funksjonaliteten til andre sekundære funksjoner som bobler, dialogboks, etc.

2 Aktiver bokmerker for materialdesign

Som standard bruker Chrome Material Design -visning for bokmerker -delen. Så du trenger ikke eksplisitt å aktivere dette flagget.

3 Aktiver Material Design -utvidelser

Dette er alternativet vi har forklart ovenfor. Det vil endre "chrome: // extensions" -adressen for å lastes inn i Material Design -visningen.

4 Aktiver nedlasting av materialdesign – bare for Mac

Hvis dette alternativet er aktivert, lastes nedlastingsdelen med Material Design -visning.

5 Material Design Incognito NTP – bare for Android

Dette alternativet vil ikke være tilgjengelig på stasjonære datamaskiner, ettersom det bare gjelder på Android -enheter. Hvis du aktiverer dette flagget, blir inkognitosidene bedre lesbar tekst.

Deaktiver materialdesign i Chrome

For øyeblikket bruker Chrome Material Design som en grunnleggende brukergrensesnitt, men det er fortsatt noen sider som bruker normal visning. Du kan snart forvente at Google vil oppdatere Chrome UI helt til Material Design i senere versjoner. Inntil eksperimentflaggene er tilgjengelige, kan du deaktivere materialdesign på de valgte komponentene, for eksempel bokmerker og utvidelser.

Som forklart ovenfor, gå til delen "chrome: // flags/". Velg alternativet "Deaktivert" for flagget "Material Design bookmarks" og start Chrome på nytt. Gå nå til "chrome: // bookmarks" og sjekk bokmerker -delen. Det skal vise tilbake med normal visning uten materialdesign.

Hvordan bruke materialdesign i Google Chrome?

Chrome gamle bokmerkevisning

Hvordan bruke materialdesign i Google Chrome?

Materialdesign Bokmerker Vis i Chrome

Forsiktig ved bruk av flagg

Flagg er eksperimentelle funksjoner som kan påvirke bruken av Chrome. Du vil se advarselen vist nedenfor når du åpner flaggseksjonen. Så spill med flagg bare hvis du vil aktivere eller deaktivere funksjonene.

Hvordan bruke materialdesign i Google Chrome?

Advarsel om Chrome -flagg

Temaer og utvidelser for materialdesign for Chrome

Gå til Chrome Nettmarked og søk etter "materialdesign" for å se hundrevis av temaer og utvidelser. Det er en " Elegant New Tab " -utvidelse for å endre utseendet på den nye kategorien. Hvis standardvisningen for Google -søkeboksen på nye faner kjeder deg, så vil denne gjøre deg spent på å vise kort i en enkel visning.

Hvordan bruke materialdesign i Google Chrome?

Elegant ny fane Chrome -utvidelse

På den annen side kan du installere Material Design -baserte temaer som " Material Dark " for å endre utseendet på nettleseren.

Opptakskilde: www.webnots.com

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg akseptererMer informasjon