[Chrome擴充功能開發日記] (1) manifest.json概觀 | Chrome Extension

這系列主要是用來記錄Extension開發過程
所以只會講到有用到的程式碼跟功能

Manifest.json

擴充功能的設定檔
以json格式為主
像是Logo、權限、網址等等都在這邊做設定

{
    "manifest_version": 3,
    "name": "你的Extension名稱",
    "version": "1.0.1",
    "description": "你的Extension說明",
    "action": {
        "default_title": "Title",
        "default_popup": "index.html",
        "default_icon": "logo.png"
    },
    "background": {
        "service_worker": "main.js"
    },
    "icons": {
        "128": "logo.png"
    },
    "host_permissions": ["*://www.google.com/*"],
    "permissions": ["tabs", "activeTab", "scripting"]
}
[manifest_version]
固定為3
2似乎已被淘汰

[name]
你的Extension名稱

[version]
程式的版本號

[description]
你的Extension說明

[action]
這邊是擴充功能popup時的設定
也就是彈窗功能
不過我沒什麼用到
所以只有寫一部分

[background & service_worker]
擴充功能背景運作程式
這個JS檔案會在瀏覽器背景中持續運作

[icons]
你的Extension Logo圖片
128的Key表示圖片大小
還有64、32等等Key

[host_permissions]
裡面的值是網址
如果瀏覽的網站網址匹配的話
就會自動啟用擴充功能
不用讓使用者手動授權
"星號"表示萬用字元(表示匹配規則)

[permissions]
授權規則
主要是在JS中可以使用哪些語法
例如指定了"Scripting"
我就可以在JS中注入指定的JS內容到目標網站

留言

張貼留言