TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як використовувати матеріальний дизайн у Google Chrome?

2

Що таке матеріальний дизайн?

Матеріальний дизайн – це концепція інтерфейсу користувача, впроваджена компанією Google у 2014 році. Давайте не будемо вдаватися до надто детальних технічних деталей Матеріального дизайну, тут в основному використовується картка (подібно до картки у Bootstrap 4) та створюється повністю чутливий макет на основі сіток. Якщо ви давно користуєтесь продуктами Google, то, можливо, ви помітили, що більшість продуктів, таких як Gmail, YouTube, Google+ тощо, були змінені на новий інтерфейс за останні роки.

Матеріальний дизайн у Google Chrome

На відміну від інших програм, Google змінила лише базовий дизайн Chrome, використовуючи матеріальний дизайн. Хоча більшість сторінок, включаючи сторінку налаштувань, змінено для адаптації до нової концепції матеріального дизайну, це ще належить зробити повністю у веб -переглядачі.

У цій статті ми пояснимо, як використовувати матеріальний дизайн у Google Chrome.

Як використовувати матеріальний дизайн у Google Chrome?

Перейдіть до URL -адреси команди «chrome: // flags/» у Chrome і введіть «матеріальний дизайн» у вікні пошуку «Прапори пошуку». Ви побачите всі доступні та недоступні експерименти на основі вашої ОС та версії Chrome.

Як використовувати матеріальний дизайн у Google Chrome?

Прапори дизайну матеріалу Chrome

Дизайн тестового матеріалу в Chrome

Спробуємо включити розділ «Матеріальний дизайн для розширень». Перед цим перейдіть до “chrome: // extensions/", який має виглядати так, як показано нижче.

Як використовувати матеріальний дизайн у Google Chrome?

Звичайний вигляд розширень Chrome

Тепер поверніться до розділу прапорів і знайдіть прапорець «Увімкнути розширення розробки матеріалів». У спадному меню виберіть "Увімкнено", і вам буде запропоновано перезапустити браузер.

Як використовувати матеріальний дизайн у Google Chrome?

Перезапустіть Chrome із увімкненим матеріальним дизайном

Натисніть кнопку «Перезапустити зараз», щоб закрити та знову відкрити Chrome. Усі вкладки знову відкриються, але вам потрібно знову увійти на сайти, якщо ви раніше були ввійшли. Тепер знову перейдіть на сторінку розширень “chrome: // extensions/”. Це повинно виглядати елегантно, як показано нижче, з коробками для матеріального дизайну.

Як використовувати матеріальний дизайн у Google Chrome?

Вигляд розширень Chrome для розширень матеріалів

Інші прапори дизайну матеріалів

У Chrome версії 64 ми могли бачити такі експериментальні прапори:

1 Матеріальний дизайн у решті рідного інтерфейсу браузера

Основний інтерфейс Chrome уже використовує концепцію матеріального дизайну. Увімкнення цього прапорця розширить функціональні можливості інших допоміжних функцій, таких як бульбашки, діалогове вікно тощо.

2 Увімкніть закладки Material Design

За умовчанням Chrome використовує подання Material Design для розділу закладок. Отже, вам не потрібно явно вмикати цей прапор.

3 Увімкніть розширення Material Design

Це той варіант, який ми пояснили вище. Він змінить URL -адресу “chrome: // extensions” для завантаження у поданні Material Design.

4 Увімкніть полицю для завантаження Material Design – лише для Mac

Якщо цей параметр увімкнено, розділ завантаження завантажиться з поданням «Матеріальний дизайн».

5 Material Design Incognito NTP – тільки для Android

Ця опція не буде доступна на настільних комп’ютерах, оскільки вона застосовується лише на пристроях Android. Якщо ввімкнути цей прапорець, сторінки з інкогніто стануть кращим для читання текстом.

Вимкніть матеріальний дизайн у Chrome

Наразі Chrome використовує матеріальний дизайн як базовий інтерфейс, але все ж є деякі сторінки, які використовують звичайний вигляд. Скоро можна очікувати, що Google повністю оновить інтерфейс Chrome до Material Design у пізніших версіях. До тих пір, поки експериментальні прапори не стануть доступними, ви можете вимкнути матеріальний дизайн для вибраних компонентів, таких як закладки та розширення.

Як пояснювалося вище, перейдіть до розділу “chrome: // flags/”. Виберіть опцію «Вимкнено» для прапора «Закладки матеріального дизайну» та перезапустіть Chrome. Тепер перейдіть до «chrome: // закладок» і перевірте розділ закладок. Він повинен відображатися у звичайному вигляді без матеріального дизайну.

Як використовувати матеріальний дизайн у Google Chrome?

Перегляд старих закладок Chrome

Як використовувати матеріальний дизайн у Google Chrome?

Перегляд закладок матеріального дизайну в Chrome

Обережно з використанням прапорів

Прапори – це експериментальні функції, які можуть вплинути на використання Chrome. Під час доступу до розділу прапорів ви побачите попередження, показане нижче. Тож грайте з прапорами, лише якщо ви хочете увімкнути або вимкнути функції.

Як використовувати матеріальний дизайн у Google Chrome?

Попередження про прапори Chrome

Теми та розширення дизайну матеріалів для Chrome

Перейдіть до Веб -магазину Chrome і знайдіть "матеріальний дизайн", щоб побачити сотні тем і розширень. Існує розширення " Елегантна нова вкладка ", щоб змінити вигляд нової вкладки. Якщо перегляд вікна пошуку Google за замовчуванням на нових вкладках вам набрид, то ця змусить вас захоплено показувати картки у простому поданні.

Як використовувати матеріальний дизайн у Google Chrome?

Елегантне розширення Chrome для нової вкладки

З іншого боку, ви можете встановити теми на основі Material Design, такі як " Dark Dark ", щоб змінити вигляд браузера.

Джерело запису: www.webnots.com

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. ПрийнятиЧитати далі