รองรับธีมสีใน Chrome 39 สำหรับ Android

ภาพหน้าจอโทรศัพท์แสดงสีของธีม

ตั้งแต่ Chrome สำหรับ Android เวอร์ชัน 39 เป็นต้นไป ใน Lollipop คุณจะสามารถ วิธีใช้เมตาแท็ก theme-color เพื่อกำหนดสีแถบเครื่องมือ ซึ่งหมายความว่าจะไม่มีพื้นที่เก็บข้อมูลอีกต่อไป แถบเครื่องมือสีเทาซีแอตเทิล ไวยากรณ์นั้นค่อนข้างเรียบง่าย: เพิ่มแท็ก meta ลงใน <head> ของหน้าเว็บที่มี name="theme-color" และตั้งค่า content เป็น สี CSS ที่ถูกต้อง

ตัวอย่างเช่น หากต้องการกำหนดพื้นหลังเป็นสีที่คุณชื่นชอบหรือสีส้ม HTML5Rocks ให้ทำดังนี้

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

นอกจากนี้ Chrome จะแสดงไอคอน Fav ความละเอียดสูงสวย ที่มีให้ Chrome สำหรับ Android จะเลือกไอคอนความละเอียดสูงสุดที่คุณระบุ และเราขอแนะนำให้ใช้ไฟล์ PNG ขนาด 192×192px เช่น

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

ลองดูสีของธีมที่นี่ใน HTML5Rocks รวมทั้งในเว็บไซต์ Web Fundamentals และ เข้าไปดู เพิ่มลงในเอกสารในหน้าจอหลัก เพื่อหาวิธีใหม่ๆ ในการทำให้เว็บไซต์โดดเด่น