Hỗ trợ màu giao diện trong Chrome 39 dành cho Android

Ảnh chụp màn hình điện thoại hiển thị màu giao diện.

Kể từ phiên bản 39 của Chrome dành cho Android trên Lollipop, giờ đây bạn sẽ có thể sử dụng thẻ meta theme-color để đặt màu cho thanh công cụ. Điều này có nghĩa là thanh công cụ màu xám của Seattle không còn xuất hiện nữa! Cú pháp khá đơn giản: thêm thẻ meta vào <head> của trang bằng name="theme-color" và đặt content thành bất kỳ màu CSS hợp lệ nào.

Ví dụ: để đặt nền thành màu yêu thích hoặc màu cam HTML5Rocks:

<meta name="theme-color" content="#db5945">

Ngoài ra, Chrome sẽ hiển thị các biểu tượng trang web đẹp có độ phân giải cao khi được cung cấp. Chrome dành cho Android chọn biểu tượng có độ phân giải cao nhất mà bạn cung cấp và bạn nên cung cấp tệp PNG có kích thước 192x192px. Ví dụ:

<link rel="icon" sizes="192x192" href="nice-highres.png">

Hãy xem màu giao diện tại đây trên HTML5Rocks cũng như trên trang web Kiến thức cơ bản về web và hãy nhớ xem tài liệu về Thêm vào màn hình chính để biết thêm những cách làm nổi bật trang web của bạn.