一个简单的extension实现(只有content.js)

最新推荐文章于 2025-11-19 22:52:29 发布

原创最新推荐文章于 2025-11-19 22:52:29 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome

Chromium 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何创建并部署一个简单的Chrome浏览器扩展。通过编写manifest.json文件定义扩展的行为和权限，并使用content.js脚本来注入自定义功能。文章详细展示了如何让扩展与特定网站交互，如在百度页面上运行。

1、manifest.json

{
    "manifest_version": 2,
    "name": "Content Test",
    "version": "1.0",
    "description": "Content test",
    "icons": {
      "16": "images/content.png"
    },

    "content_scripts":[
      {
        "matches": ["https://www.baidu.com/*"],
        "js": ["content.js"]
      }
    ],
    "permissions": [
      "https://www.baidu.com/*"
    ]
}

2、content.js