Chrome 扩展(插件) 开发教程

    官方中文版教程

    Blog

    Github

    官方中文版教程

    Blog

    Github

    ## # Manifest 文件格式 每个扩展都有一个 JSON 格式的 manifest 文件，名为 manifest.json，来提供重要信息。 ### # 字段摘要 以下代码显示了扩展支持的 manifest 字段，以及指向讨论每个字段的页面的链接 (查看链接：manifest)。 
    1. {
    2.   // Required
    3.   "manifest_version": 2,
    4.   "name": "My Extension",
    5.   "version": "versionString",
    7.   // Recommended
    8.   "default_locale": "en",
    9.   "description": "A plain text description",
    10.   "icons": {…},
    12.   // Pick one (or none)
    13.   "browser_action": {…},
    14.   "page_action": {…},
    16.   // Optional
    17.   "action": …,
    18.   "author": …,
    19.   "automation": …,
    20.   "background": {
    21.     // Recommended
    22.     "persistent": false,
    23.     // Optional
    24.     "service_worker":
    25.   },
    26.   "chrome_settings_overrides": {…},
    27.   "chrome_ui_overrides": {
    28.     "bookmarks_ui": {
    29.       "remove_bookmark_shortcut": true,
    30.       "remove_button": true
    31.     }
    32.   },
    33.   "chrome_url_overrides": {…},
    34.   "commands": {…},
    35.   "content_capabilities": …,
    36.   "content_scripts": [{…}],
    37.   "content_security_policy": "policyString",
    38.   "converted_from_user_script": …,
    39.   "current_locale": …,
    40.   "declarative_net_request": …,
    41.   "devtools_page": "devtools.html",
    42.   "event_rules": [{…}],
    43.   "externally_connectable": {
    44.     "matches": ["://.example.com/*"]
    45.   },
    46.   "file_browser_handlers": […],
    47.   "file_system_provider_capabilities": {
    48.     "configurable": true,
    49.     "multiple_mounts": true,
    50.     "source": "network"
    51.   },
    52.   "homepage_url": "http://path/to/homepage",
    53.   "import": [{"id": "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"}],
    54.   "incognito": "spanning, split, or not_allowed",
    55.   "input_components": …,
    56.   "key": "publicKey",
    57.   "minimum_chrome_version": "versionString",
    58.   "nacl_modules": […],
    59.   "oauth2": …,
    60.   "offline_enabled": true,
    61.   "omnibox": {
    62.     "keyword": "aString"
    63.   },
    64.   "optional_permissions": ["tabs"],
    65.   "options_page": "options.html",
    66.   "options_ui": {
    67.     "chrome_style": true,
    68.     "page": "options.html"
    69.   },
    70.   "permissions": ["tabs"],
    71.   "platforms": …,
    72.   "replacement_web_app": …,
    73.   "requirements": {…},
    74.   "sandbox": […],
    75.   "short_name": "Short Name",
    76.   "signature": …,
    77.   "spellcheck": …,
    78.   "storage": {
    79.     "managed_schema": "schema.json"
    80.   },
    81.   "system_indicator": …,
    82.   "tts_engine": {…},
    83.   "update_url": "http://path/to/updateInfo.xml",
    84.   "version_name": "aString",
    85.   "web_accessible_resources": […]
    86. }
    - - - 关注 微信公众号「程序化思维」 获取最新 Chrome 插件开发教程。 mp_wechat ← 总览 使用后台脚本管理事件 →