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

Как использовать материальный дизайн в Google Chrome?

38

Что такое материальный дизайн?

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

Материальный дизайн в Google Chrome

В отличие от других приложений, Google изменил только базовый дизайн Chrome, чтобы использовать Material Design. Хотя большинство страниц, включая страницу настроек, изменены для адаптации к новой концепции материального дизайна, это еще предстоит сделать в браузере полностью.

В этой статье мы объясним, как использовать Material Design в Google Chrome.

Как использовать материальный дизайн в Google Chrome?

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

Как использовать материальный дизайн в Google Chrome?

Флаги Chrome Material Design

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

Попробуем включить раздел Material Design for Extensions. Перед этим перейдите в «chrome: // extensions /», который должен выглядеть, как показано ниже.

Как использовать материальный дизайн в Google Chrome?

Обычный просмотр расширений Chrome

Теперь вернитесь в раздел флагов и найдите флаг «Включить расширения Material Design». Выберите «Включено» из раскрывающегося списка, и вам будет предложено перезапустить браузер.

Как использовать материальный дизайн в Google Chrome?

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

Нажмите кнопку «Перезапустить сейчас», чтобы закрыть и снова открыть Chrome. Все вкладки снова откроются, но вам нужно снова войти на сайты, если вы ранее были авторизованы. Теперь снова перейдите на страницу расширений «chrome: // extensions /». Он должен выглядеть элегантно, как показано ниже, с блоками Material Design.

Как использовать материальный дизайн в Google Chrome?

Расширения Chrome для Material Design

Другие флаги материального дизайна

В Chrome версии 64 мы могли видеть следующие экспериментальные флаги:

1 Материальный дизайн в остальной части собственного пользовательского интерфейса браузера

В базовом пользовательском интерфейсе Chrome уже используется концепция материального дизайна. Включение этого флага расширит функциональность других вторичных функций, таких как пузыри, диалоговое окно и т.д.

2 Включите закладки Material Design

По умолчанию Chrome использует представление Material Design для раздела закладок. Таким образом, вам не нужно явно включать этот флаг.

3 Включите расширения Material Design

Это вариант, который мы объяснили выше. Он изменит URL-адрес chrome: // extensions для загрузки в представлении Material Design.

4 Включить полку загрузок Material Design – только для Mac

Если этот параметр включен, раздел загрузки загрузится с представлением Material Design.

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

Эта опция не будет доступна на настольных компьютерах, так как она применима только на устройствах Android. Включение этого флага сделает страницы в режиме инкогнито более читаемым текстом.

Отключить материальный дизайн в Chrome

В настоящее время Chrome использует Material Design в качестве базового пользовательского интерфейса, но все же есть страницы, использующие нормальный вид. Вы можете ожидать, что Google полностью обновит пользовательский интерфейс Chrome до Material Design в более поздних версиях. Пока доступны экспериментальные флаги, вы можете отключить материальный дизайн для выбранных компонентов, таких как закладки и расширения.

Как объяснялось выше, перейдите в раздел «chrome: // flags /». Выберите вариант «Отключено» для флажка «Закладки Material Design» и перезапустите Chrome. Теперь перейдите в «chrome: // bookmarks» и проверьте свой раздел закладок. Он должен отображаться в обычном виде без материального дизайна.

Как использовать материальный дизайн в Google Chrome?

Просмотр старых закладок Chrome

Как использовать материальный дизайн в Google Chrome?

Просмотр закладок Material Design в Chrome

Осторожно при использовании флагов

Флаги – это экспериментальные функции, которые могут повлиять на использование Chrome. При доступе к разделу флагов вы увидите предупреждение, показанное ниже. Так что играйте с флагами, только если вы хотите включить или отключить функции.

Как использовать материальный дизайн в Google Chrome?

Предупреждение о флажках Chrome

Темы и расширения Material Design для Chrome

Зайдите в Интернет-магазин Chrome и выполните поиск по запросу «материальный дизайн», чтобы увидеть сотни тем и расширений. Существует расширение «Элегантная новая вкладка» для изменения внешнего вида новой вкладки. Если стандартное представление окна поиска Google на новых вкладках вам наскучило, то это заставит вас взволновать показ карточек в простом виде.

Как использовать материальный дизайн в Google Chrome?

Элегантное расширение New Tab Chrome

С другой стороны, вы можете установить темы на основе Material Design, такие как «Material Dark », чтобы изменить внешний вид браузера.

Источник записи: www.webnots.com
Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее