รองรับธีมสีใน 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 และที่เว็บไซต์หลักพื้นฐานในการทำเว็บไซต์ และอย่าลืมดูเอกสารเกี่ยวกับส่วน "เพิ่มลงในหน้าจอหลัก" เพื่อดูวิธีอื่นๆ ที่จะทำให้เว็บไซต์โดดเด่น