การใช้ไฟล์ Manifest ของเว็บแอปเพื่อระบุสีธีมแบบทั่วทั้งไซต์

Chrome ได้เปิดตัวแนวคิดสีธีมสำหรับเว็บไซต์ในปี 2014 สีธีมคือคำแนะนำจากหน้าเว็บซึ่งบอกเบราว์เซอร์ว่าควรปรับสีองค์ประกอบ UI เช่น แถบที่อยู่แบบใด

ตัวอย่างเช่น ด้านล่างนี้คือเว็บไซต์นี้ที่มีและไม่ได้ใช้สีของธีม

สีธีม
สีธีม

ปัญหาคือคุณต้องกำหนดสีธีมในทุกหน้า และหากคุณมีเว็บไซต์ขนาดใหญ่หรือเว็บไซต์เดิม การเปลี่ยนแปลงในเว็บไซต์โดยรวมหลายอย่างอาจไม่สามารถทำได้เสมอไป

ตั้งแต่ Chrome 46 (เบต้าเดือนกันยายน 2015) การเพิ่มแอตทริบิวต์ theme_color ลงในไฟล์ Manifest จะมีผลกับการใช้สีโดยอัตโนมัติในทุกหน้าเว็บที่ผู้ใช้เข้าชมในโดเมนของคุณเมื่อเปิดเว็บไซต์จากหน้าจอหลัก

หากหน้าเว็บมีเมตาแท็กธีมสีอยู่แล้ว เช่น <meta name="theme-color" content="#2196F3"> ระบบจะใช้การกําหนดค่าระดับหน้าแทนค่าในไฟล์ Manifest

เพียงเพิ่มแอตทริบิวต์ theme_color ลงในไฟล์ Manifest แล้วระบุสี HTML

    "theme_color": "#2196F3"

ในการดูการทำงานนี้ โปรดไปที่ Airhorner — อากาศที่ดีที่สุดในโลก และเพิ่มลงในหน้าจอหลักของคุณ หรือดูไฟล์ Manifest ของเว็บไซต์

คำถามที่พบบ่อย

  • นโยบายนี้มีผลบังคับใช้ไหมหากเว็บไซต์ของฉันไม่ได้เปิดจากหน้าจอหลัก
    ใช่
  • โฆษณาจะแสดงในทั้งเว็บไซต์ไหม เช่น เมื่อผู้ใช้กำลังเรียกดู
    ไม่น่าเป็นไปได้ในตอนนี้ เนื่องจากการทำเช่นนั้นจะทำให้เบราว์เซอร์ต้องดาวน์โหลดไฟล์ Manifest บ่อยขึ้นมาก และปัจจุบันไฟล์นี้เป็นชิ้นงานที่มีลำดับความสำคัญต่ำ ข้อมูลนี้มีไว้เพื่อแยกวิเคราะห์เมื่อผู้ใช้เพิ่มเว็บไซต์ลงในหน้าจอหลัก