自制google插件

本文详细介绍了一个Chrome扩展的组成,包括核心配置文件manifest.json的设置,以及如何通过引入jQuery和创建main.js来开始插件的开发。同时,文章还提到了扩展所需的权限配置和内容脚本的匹配方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前往YXZ的博客了解更多

前言

一个 Chrome 扩展其实就是一个配置文件manifest.json 和一系列 html、css、js、图片文件的集合

manifest.json文件配置

{
  "manifest_version": 2, //manifest的版本,必须是2
  "name": "demo", // 插件名
  "description": "demo例子",//插件说明
  "version": "1.1.3",// 版本号
  "icons": {
    "128": "128.png" // logo位置
  },
  "permissions": [ //它定义了扩展需要向 Chrome 申请的权限
    "http://*/*"
  ],
  "browser_action": {
    "default_icon": {
      "128": "128.png" // 插件logo
    }
  },
  "content_scripts": [
    {
      "matches": [
        "http://*/*"
      ],
      "js": ["jquery-1.9.1.min.js","main.js"]// 使用js集合(名字随意取,和真实文件名一样就好)
    }
  ]
}

更多配置说明自行百度

开始编写你的代码

配置好json文件后,引入配置的jquery.js,然后创建main.js就可以开始你的插件制作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值