Chrome 瀏覽器外掛程式 V3 版本 Manifest.json 檔全欄位解析
Manifest.json 檔格式
每個擴充套件程式的根目錄中都必須有一個 manifest.json 檔，其中列出了有關該擴充套件程式的結構和行為的重要資訊。
1、Demo 展示
1. 最小檔
{"manifest_version": 3,"name": "My Chrome Ext","version": "1.0.0","description": "Chrome Ext","icons": {"48": "icon-48.png","128": "icon-128.png"},}
2. 增加 content_scripts
{"manifest_version": 3,"name": "Run script automatically","description": "Add Context Scripts","version": "1.0","icons": {"16": "icon-16.png","32": "icon-32.png","48": "icon-48.png","128": "icon-128.png"},"content_scripts": [{"js": ["content-script.js"],"matches": ["http://*.example.com//"]}]}
3. 增加 service_worker
{"manifest_version": 3,"name": "Click to run","description": "Add Service Worker","version": "1.0","icons": {"16": "icon-16.png","32": "icon-32.png","48": "icon-48.png","128": "icon-128.png"},"background": {"service_worker": "service-worker.js"},"action": {"default_icon": {"16": "icon-16.png","32": "icon-32.png","48": "icon-48.png","128": "icon-128.png"}},"permissions": ["scripting", "activeTab"]}
4. 增加 action
{"manifest_version": 3,"name": "Popup extension that requests permissions","description": "Add Action","version": "1.0","icons": {"16": "icon-16.png","32": "icon-32.png","48": "icon-48.png","128": "icon-128.png"},"action": {"default_popup": "popup.html"},"host_permissions": ["https://*.example.com/"],"permissions": ["storage"]}
5. 增加側資訊看板
{"manifest_version": 3,"name": "Side panel extension","version": "1.0","description": "Extension with a default side panel.","icons": {"16": "images/icon-16.png","48": "images/icon-48.png","128": "images/icon-128.png"},"side_panel": {"default_path": "sidepanel.html"},"permissions": ["sidePanel"]}
二、Manifest.json 檔欄位及解析
1. Chrome 外掛程式所必需的 key
1.1 manifest_version
1.2 name
1.3 version
"manifest_version": 3,"name": "My Chrome Ext Name","version": "0.0.1",
2. Chrome 市集所需的 key
2.1 description
2.2 icons
{"manifest_version": 3,"name": "chrome extension","version": "0.0.1","description": "My Chrome Extension description","icons": {"16": "public/icons/icon_16.png","32": "public/icons/icon_32.png","48": "public/icons/icon_48.png","128": "public/icons/icon_128.png"}}
3. Chrome 外掛程式可選 key
3.1 action
{"name": "Action Extension","action": {"default_icon": {"16": "images/icon16.png","24": "images/icon24.png","32": "images/icon32.png"},"default_title": "Click Me","default_popup": "popup.html"},}
popup.html 是點選 chrome 按鈕彈出的頁面
3.2 author
{"author": {"email": "[email protected]"},}
3.3 background
"background": {"service_worker": "service-worker.js","type": "module"}
3.4 chrome_settings_overrides
{"manifest_version": 3,"name": "My extension","chrome_url_overrides" : {"PAGE_TO_OVERRIDE": "myPage.html"},}
3.5 chrome_url_overrides
3.5.1 擴充套件程式可以使用 HTML 覆蓋網頁來替換 Google Chrome 通常提供的網頁。
擴充套件程式可以覆蓋以下任意網頁，但每個擴充套件程式只能覆蓋 1 個網頁：
{"manifest_version": 3,"name": "My extension","chrome_url_overrides" : {"PAGE_TO_OVERRIDE": "myPage.html"},}
PAGE_TO_OVERRIDE 替換為以下項之一：
3.6 commands
"commands": {"run-foo": {"suggested_key": {"default": "Ctrl+Shift+Y","mac": "Command+Shift+Y"},"description": "Run "foo" on the current page."}}
3.7 content_scripts
{ "name": "My extension", "content_scripts": [ { "matches": ["https://*.nytimes.com/*"], "css": ["my- styles.css"], "js": ["content-script.js"] } ]}
3.8 content_security_policy
3.8.1 預設策略
如果沒有在 manifest.json 中定義 content_security_policy，將使用預設內容，預設值為：
{"content_security_policy": {"extension_pages": "script-src 'self'; object-src 'self';","sandbox": "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-inline' 'unsafe-eval'; child-src 'self';"}}
在這種情況下，擴充套件程式只會從自己的打包資源載入本地指令碼和物件。WebAssembly 將停用，該擴充套件程式將不會執行內嵌 JavaScript，也無法將字串評估為可執行程式碼。如果添加了沙盒頁面，頁面將擁有更寬松的許可權，可以從擴充套件程式外部評估指令碼。
3.8.2 自訂策略
Chrome 對擴充套件程式頁面強制執行最低的內容安全政策。這相當於在 manifest.json 中制定以下策略：
{"content_security_policy": {"extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"}}
extension_pages 策略的放寬限制不能超過此最小值。
3.9 cross_origin_embedder_policy
{ "cross_origin_embedder_policy": { "value": "require-corp" },}
3.10 cross_origin_opener_policy
{ "cross_origin_opener_policy": { "value": "same-origin" },}
3.11 declarative_net_request
{ "name": "My extension", "declarative_net_request" : { "rule_resources" : [{ "id": "ruleset_1", "enabled": true, "path": "rules_1.json" }, { "id": "ruleset_2", "enabled": false, "path": "rules_2.json" }] }, "permissions": [ "declarativeNetRequest", "declarativeNetRequestFeedback", ], "host_permissions": [ "http://www.blogger.com/*", "http://*.google.com/*" ],}
3.12 default_locale
3.13 devtools_page
{ "name": "Chrome Ext", "version": "1.0", "devtools_page": "devtools.html",}
3.14 export
{"version": "1.0","name": "My Shared Module","export": {// Optional list of extension IDs explicitly allowed to// import this Shared Module's resources. If no allowlist// is given, all extensions are allowed to import it."allowlist": ["aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa","bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb"]}// Note: no permissions are allowed in Shared Modules}
3.15 externally_connectable
|
✅ 有效網址 |
❌ 網址無效 |
|
*://example.com/ |
*://example.com/one/ |
|
http://*.example.org/* |
<all_urls> |
|
https://example.com/* |
http://*/* |
{"name": "My externally connectable extension","externally_connectable": {"ids": ["aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa","bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb",],// If this field is not specified, no web pages can connect."matches": ["https://*.google.com/*","*://*.chromium.org/*",],"accepts_tls_channel_id": false},}
3.16 homepage_url
{"manifest_version": 3,"name": "chrome extension","version": "0.1.0","description": "My Chrome Extension","homepage_url": "https://guoqiankun.blog.csdn.net/",}
3.17 host_permissions
{"name": "Permissions Extension","permissions": ["activeTab","contextMenus","storage"],"optional_permissions": ["topSites",],"host_permissions": ["https://www.developer.chrome.com/*"],"optional_host_permissions":["https://*/*","http://*/*"],"manifest_version": 3}
3.18 import
{"version": "1.0","name": "My Importing Extension","import": [{"id": "cccccccccccccccccccccccccccccccc"},{"id": "dddddddddddddddddddddddddddddddd""minimum_version": "0.5" // optional},]}
3.19 incognito
{"incognito": "not_allowed"}3.20 key
{ "manifest_version": 3, "key": "ThisKeyIsChromeKey",}
3.21 minimum_chrome_version
{"minimum_chrome_version": "120.0.6099.129"}
3.22 oautp
{ "name": "OAuth Tutorial FriendBlock", ... "oautp": { "client_id": "yourExtensionOAuthClientIDWillGoHere.apps.googleusercontent.com", "scopes":[""] },}
3.23 omnibox
{"omnibox": { "keyword": "newTab" },}
3.24 optional_host_permissions
{"optional_host_permissions":["https://*/*","http://*/*"],}
3.25 optional_permissions
{"optional_permissions": ["topSites",],}
3.26 options_page
{"options_page": "index.html",}
3.27 options_ui
{"name": "My extension","options_ui": {"page": "options.html","open_in_tab": false},}
3.28 permissions
"permissions": ["storage","activeTab","scripting"]
3.29 requirements
"requirements": {"3D": {"features": ["webgl"]}}
3.30 sandbox
{"content_security_policy": {"sandbox": "sandbox allow-scripts; script-src 'self' https://example.com"},"sandbox": {"pages": ["page1.html","directory/page2.html"]},}
3.31 short_name
{"short_name": "short name"}
3.32 side_panel
{"name": "My side panel extension","side_panel": {"default_path": "sidepanel.html"}}
3.33 storage
{"name": "My enterprise extension","storage": {"managed_schema": "schema.json"},}
3.34 tts_engine
{"name": "My TTS Engine","version": "1.0","permissions": ["ttsEngine"],"tts_engine": {"voices": [{"voice_name": "Alice","lang": "en-US","event_types": ["start", "marker", "end"]},{"voice_name": "Pat","lang": "en-US","event_types": ["end"]}]},"background": {"page": "background.html","persistent": false}}
3.35 update_url
{ "name": "My extension", "update_url": "https://myhost.com/mytestextension/updates.xml",}
3.36 version_name
{"version_name": "1.0 beta"}
3.37 web_accessible_resources
{"web_accessible_resources": [{"resources": [ "test1.png", "test2.png" ],"matches": [ "https://web-accessible-resources-1.glitch.me/*" ]}, {"resources": [ "test3.png", "test4.png" ],"matches": [ "https://web-accessible-resources-2.glitch.me/*" ],"use_dynamic_url": true}],}
4. ChromeOS 可選的 Key
4.1 file_browser_handlers
{ "name": "My extension", "file_browser_handlers": [ { "id": "upload", "default_title": "Save to Gallery", // What the button will display "file_filters": [ "filesystem:*.jpg", // To match all files, use "filesystem:*.*" "filesystem:*.jpeg", "filesystem:*.png" ] } ], "permissions" : [ "fileBrowserHandler" ],}
4.2 file_handlers
"file_handlers": [{"action": "/open_text.html","name": "Plain text","accept": {"text/plain": [".txt"]}"launch_type": "single-client"}]
4.3 file_system_provider_capabilities
{ "name": "My extension", "permissions": [ "fileSystemProvider" ], "file_system_provider_capabilities": { "configurable": true, "watchable": false, "multiple_mounts": true, "source": "network" },}
4.4 input_components
{"input_components": [{"name": "ToUpperIME","id": "ToUpperIME","language": "en","layouts": ["us::eng"]}]}
原文連結：https://juejin.cn/post/7324213873783717923
