Trang chủ
Các bài mới
Latest activity
Biên tập viên
Diễn Đàn
Bài viết mới
Tìm kiếm diễn đàn
Tin Mới
Bài viết mới
New resources
Bài đăng tiểu sử mới
Hoạt động mới nhất
Resources
Latest reviews
Search resources
Thành Viên
Khách truy cập hiện tại
Bài mới trên trang cá nhân
Tìm kiếm bài đăng trong trang cá nhân
Tool
SMTool - Công cụ đăng bài tự động Facebook
50 SEO Tools
Photoshop online
Facebook Video Down
Cầu nguyện Genshin
Biolink
Genshin map
Đăng nhập
Đăng ký
Mới
Tìm kiếm
Tìm kiếm
Chỉ tìm trong tiêu đề
bởi:
Bài viết mới
Tìm kiếm diễn đàn
Menu
Đăng nhập
Đăng ký
Install the app
Install
28/06 cập nhật đăng ký đăng nhập qua Google & Facebook
Diễn Đàn
Thủ thuật
Thủ thuật hay
Hướng dẫn kích hoạt giao diện Material Design trên trình duyệt web Google Chrome
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Nội dung
<blockquote data-quote="TenHoshi" data-source="post: 1859" data-attributes="member: 1"><p style="text-align: left"><strong>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. </strong></p> <p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/2a2249b4a314905a5674e699917b9ee7.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>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.</p><p></p><p><strong>Các thao tác cần thực hiện:</strong></p><p></p><p>Đầ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.</p><p></p><p>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.</p><p><strong>1. Material Design in the rest of the browser’s native UI:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/492f8ca2e8026c952e1ee8f553c0904e.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>2. Enable Material Design policy page:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/644c58254609388b4084a3ee3963c1f1.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>3. Enable Material Design bookmarks:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/88cf731ace3851ac908b91f7193c8dfb.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>4. Enable Material Design feedback:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/6812649620277e59f1513cdddbfcf4e8.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>5. Material Design Incognito NTP:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/1e6a70c2669b03a35c4db22dcbfa8970.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><strong>6. Enable Material Design extensions:</strong></p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/b12d57128291c281a3e9c2235aaf56de.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>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 ‘<strong>Chạy lại ngay bây giờ (Relaunch Now)</strong>‘ để 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.</p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/4fdc078e724fc1a714a01f26d32e16fd.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>So sánh giao diện cũ và giao diện mới sau khi kích hoạt Material Design:</p><p></p><p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/700653dbd60ea6cc1cbe41d0c4dff50b.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/a0324d086a86eba529f31098e19874b9.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/4699b2543c10f362f49fd16d530bbf90.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/d18df568e28384c386b5d357f525c6e6.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/c6d0698dc3ebe36e2946e45cdce6c0b1.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><a href="https://cdn.trangcongnghe.com/uploads/posts/2017-09/huong-dan-kich-hoat-giao-dien-material-design-tren-trinh-duyet-web-google-chrome_14.jpg"><img src="https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/704359d140160c601dd018d186bea899.jpeg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></p><p></p><p style="text-align: right"><strong>TECHRUM.VN / NGUỒN: BEEBOM</strong></p></blockquote><p></p>
[QUOTE="TenHoshi, post: 1859, member: 1"] [LEFT][B]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. [/B][/LEFT] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/2a2249b4a314905a5674e699917b9ee7.jpeg[/IMG][/CENTER] 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. [B]Các thao tác cần thực hiện:[/B] Đầ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. [B]1. Material Design in the rest of the browser’s native UI:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/492f8ca2e8026c952e1ee8f553c0904e.jpeg[/IMG][/CENTER] [B]2. Enable Material Design policy page:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/644c58254609388b4084a3ee3963c1f1.jpeg[/IMG][/CENTER] [B]3. Enable Material Design bookmarks:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/88cf731ace3851ac908b91f7193c8dfb.jpeg[/IMG][/CENTER] [B]4. Enable Material Design feedback:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/6812649620277e59f1513cdddbfcf4e8.jpeg[/IMG][/CENTER] [B]5. Material Design Incognito NTP:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/1e6a70c2669b03a35c4db22dcbfa8970.jpeg[/IMG][/CENTER] [B]6. Enable Material Design extensions:[/B] [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/b12d57128291c281a3e9c2235aaf56de.jpeg[/IMG][/CENTER] 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 ‘[B]Chạy lại ngay bây giờ (Relaunch Now)[/B]‘ để 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. [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/4fdc078e724fc1a714a01f26d32e16fd.jpeg[/IMG][/CENTER] So sánh giao diện cũ và giao diện mới sau khi kích hoạt Material Design: [CENTER][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/700653dbd60ea6cc1cbe41d0c4dff50b.jpeg[/IMG] [IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/a0324d086a86eba529f31098e19874b9.jpeg[/IMG] [IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/4699b2543c10f362f49fd16d530bbf90.jpeg[/IMG] [IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/d18df568e28384c386b5d357f525c6e6.jpeg[/IMG] [IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/c6d0698dc3ebe36e2946e45cdce6c0b1.jpeg[/IMG] [URL='https://cdn.trangcongnghe.com/uploads/posts/2017-09/huong-dan-kich-hoat-giao-dien-material-design-tren-trinh-duyet-web-google-chrome_14.jpg'][IMG]https://raw.githubusercontent.com/nhatkythuthuat/blog.nhatkythuthuat.com/main/wp-content/uploads/2018/01/704359d140160c601dd018d186bea899.jpeg[/IMG][/URL][/CENTER] [RIGHT][B]TECHRUM.VN / NGUỒN: BEEBOM[/B][/RIGHT] [/QUOTE]
Name
Xác nhận
Gửi đi
Diễn Đàn
Thủ thuật
Thủ thuật hay
Hướng dẫn kích hoạt giao diện Material Design trên trình duyệt web Google Chrome
Top
