Thay đổi màu thanh địa chỉ ở đầu trình duyệt Chrome trên Android
Ngày cập nhật: 27/04/2019 Lượt xem: 16.875 Ký tự: 150 Danh mục: CSS
Tìm kiếm
Tôi đã nhận thấy rằng nhiều trang web hiện nay có thể thay đổi màu sắc của thanh địa chỉ và thanh trạng thái (status bar) ở đầu trình duyệt Chrome trên thiết bị Android. Tuy nhiên, website của tôi chưa có hiệu ứng này, điều đó cho thấy đây không phải là hành vi mặc định của Chrome.
!Thay đổi màu thanh địa chỉ Chrome trên Android
Sau khi tra cứu thông tin, tôi biết được rằng từ phiên bản Android 5.0 trở lên và Chrome 39 trở lên, bạn hoàn toàn có thể thực hiện việc thay đổi màu sắc bằng cách sử dụng thẻ meta sau:
|
|
Ví dụ, nếu bạn muốn đặt màu là #375680, bạn chỉ cần thêm đoạn mã sau vào phần <head> của trang HTML:
|
|
Kết quả sẽ như sau:
!Hiệu ứng thay đổi màu thanh địa chỉ Chrome trên Android
Đây là một tính năng nhỏ nhưng rất hữu ích để tăng trải nghiệm người dùng và giúp giao diện trông đồng bộ hơn với thiết kế tổng thể của trang web. Nếu bạn đang phát triển hoặc quản lý một website, hãy thử áp dụng ngay hôm nay để mang đến trải nghiệm trực quan và chuyên nghiệp hơn cho người dùng di động.