• 28/06 cập nhật đăng ký đăng nhập qua Google & Facebook

Hướng dẫn kích hoạt giao diện Material Design trên trình duyệt web Google Chrome

TenHoshi

Administrator
Staff member
Trusted Uploader
Tại hội nghị dành cho các lập trình viên năm 2014, Google đã giới thiệu và chia sẻ tầm nhìn của mình về ngôn ngữ thiết kế Material Design.
2a2249b4a314905a5674e699917b9ee7.jpeg

Không lâu sau đó, Material Design được áp dụng làm chuẩn thiết kế nhằm mang đến cho người dùng những trải nghiệm mới mẻ và đồng bộ hơn trên một số nền tảng như Android, Chrome OS và trình duyệt Web. Mặc dù vẫn chưa nhận được nhiều thay đổi như Android hay Chrome OS, nhưng với thủ thuật sau đây bạn có thể kích hoạt hầu hết thành phần hỗ trợ Material Design trên trình duyệt Chrome.

Các thao tác cần thực hiện:

Đầu tiên, để kích hoạt giao diện Material Design cho từng thành phần trên trình duyệt web Google Chrome, bạn cần truy cập vào trang tùy chỉnh tính năng Chrome Flag (chrome://flags/). Lưu ý rằng, các tính năng này đang trong quá trình thử nghiệm, có thể hoạt động không ổn định, bị thay đổi, hỏng hoặc biến mất bất kỳ lúc nào.

Tại giao diện trang tùy chỉnh tính năng Chrome Flag, bạn nhấn tổ hợp phím Ctrl + F (hoặc Cmd + F trên Mac) và nhập vào ô tìm kiếm sau danh mục dưới đây.
1. Material Design in the rest of the browser’s native UI:

492f8ca2e8026c952e1ee8f553c0904e.jpeg

2. Enable Material Design policy page:

644c58254609388b4084a3ee3963c1f1.jpeg

3. Enable Material Design bookmarks:

88cf731ace3851ac908b91f7193c8dfb.jpeg

4. Enable Material Design feedback:

6812649620277e59f1513cdddbfcf4e8.jpeg

5. Material Design Incognito NTP:

1e6a70c2669b03a35c4db22dcbfa8970.jpeg

6. Enable Material Design extensions:

b12d57128291c281a3e9c2235aaf56de.jpeg

Sau khi kích hoạt tất cả các thành phần trên, bạn cần nhấn vào nút ‘Chạy lại ngay bây giờ (Relaunch Now)‘ để những thay đổi này có hiệu lực vào lần tiếp theo khi mở trình duyệt Google Chrome.

4fdc078e724fc1a714a01f26d32e16fd.jpeg

So sánh giao diện cũ và giao diện mới sau khi kích hoạt Material Design:

700653dbd60ea6cc1cbe41d0c4dff50b.jpeg

a0324d086a86eba529f31098e19874b9.jpeg

4699b2543c10f362f49fd16d530bbf90.jpeg

d18df568e28384c386b5d357f525c6e6.jpeg

c6d0698dc3ebe36e2946e45cdce6c0b1.jpeg


TECHRUM.VN / NGUỒN: BEEBOM
 

Guest Post 2022

Bài viết gần đây

Top