แปลงไฟล์ 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/*"
]
}
],
...
}