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

Pete LePage

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

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à bạn không cần Thanh công cụ màu xám của Seattle! Cú pháp khá đơn giản: hãy thêm một thẻ meta vào <head> của trang với name="theme-color" và đặt content thành bất kỳ màu CSS hợp lệ.

Ví dụ: để đặt nền thành màu bạn 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 chúng đã 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 192×192px. Ví dụ:

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

Xem màu chủ đề tại đây trên HTML5Rocks cũng như trên trang web Kiến thức cơ bản về web để chắc chắn để xem Thêm vào tài liệu trên màn hình chính để biết thêm nhiều cách giúp trang web của bạn trở nên nổi bật.