อัปเดตไฟล์ Manifest

แปลงไฟล์ Manifest V2 เป็นไฟล์ Manifest V3

ไฟล์ manifest.json สำหรับ Manifest V3 ต้องใช้รูปแบบที่แตกต่างจาก Manifest V2 เล็กน้อย หน้านี้อธิบายการเปลี่ยนแปลงที่ส่งผลต่อไฟล์ manifest.json เท่านั้น แต่การเปลี่ยนแปลงสคริปต์และหน้าเว็บหลายรายการก็จำเป็นต้องมีการเปลี่ยนแปลงไฟล์ Manifest ด้วย การเปลี่ยนแปลงดังกล่าวจะรวมอยู่ในงานย้ายข้อมูลที่ต้องดำเนินการ

เปลี่ยนหมายเลขเวอร์ชันไฟล์ Manifest

เปลี่ยนค่าของช่อง "manifest_version" จาก 2 เป็น 3

{
  ...
  "manifest_version": 2
  ...
}

{
  ...
  "manifest_version": 3
  ...
}

อัปเดตสิทธิ์ของโฮสต์

สิทธิ์ของโฮสต์ใน Manifest V3 เป็นช่องแยกต่างหาก คุณจึงไม่ต้องระบุสิทธิ์ใน "permissions" หรือใน "optional_permissions"

สคริปต์เนื้อหาจะยังคงอยู่ใน "content_scripts.matches" ดูข้อมูลเกี่ยวกับ "content_scripts.matches" ได้ที่แทรกด้วยประกาศแบบคงที่

{
  ...
  "permissions": [
    "tabs",
    "bookmarks",
    "https://www.blogger.com/",
  ],
  "optional_permissions": [
    "unlimitedStorage",
    "*://*/*",
  ]
  ...
}

{
  ...
  "permissions": [
    "tabs",
    "bookmarks"
  ],
  "optional_permissions": [
    "unlimitedStorage"
  ],
  "host_permissions": [
    "https://www.blogger.com/",
  ],
  "optional_host_permissions": [
    "*://*/*",
  ]
  ...
}

อัปเดตทรัพยากรที่เข้าถึงได้ทางเว็บ

ทรัพยากรที่เข้าถึงได้ในเว็บคือไฟล์ภายในส่วนขยายที่หน้าเว็บหรือส่วนขยายอื่นๆ สามารถเข้าถึงได้ ตามที่ติดตั้งใช้งานใน Manifest V2 ช่อง "web_accessible_resources" ทำให้เว็บไซต์และผู้โจมตีตรวจพบส่วนขยายได้หากส่วนขยายเลือกที่จะเปิดเผยทรัพยากร ซึ่งเปิดโอกาสให้เกิดการจดจำลายนิ้วมือหรือการเข้าถึงทรัพยากรโดยไม่ตั้งใจ

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

ตัวอย่างด้านล่างเปรียบเทียบทรัพยากรที่เข้าถึงได้ทางเว็บระหว่างไฟล์ Manifest V2 กับไฟล์ Manifest V3 ใน Manifest V2 เว็บไซต์ทั้งหมดเข้าถึงทรัพยากรที่ระบุได้โดยค่าเริ่มต้น ในโค้ด Manifest V3 ที่แสดงด้านล่าง ทรัพยากรเหล่านี้ใช้ได้กับ https://example.com เท่านั้น ขณะที่รูปภาพบางรายการใช้ได้กับทุกเว็บไซต์

โปรดดูข้อมูลเพิ่มเติมที่ทรัพยากรที่เข้าถึงได้ทางเว็บและรูปแบบการจับคู่

{
  ...
  "web_accessible_resources": [
    "images/*",
    "style/extension.css",
    "script/extension.js"
  ],
  ...
}

{
  ...
    "web_accessible_resources": [
    {
      "resources": [
        "images/*"
      ],
      "matches": [
        "*://*/*"
      ]
    },
    {
      "resources": [
        "style/extension.css",
        "script/extension.js"
      ],
      "matches": [
        "https://example.com/*"
      ]
    }
  ],
  ...
}