开发一个自己的chrom插件

开发一个自己的chrom插件

一、创建一个文件夹

二、配置文件manifest.json

  • 创建名字为:manifest.json的配置文件,模板如下:
json 复制代码
{
  "manifest_version": 3,
  "name": "Hello World Extension",
  "version": "1.0",
  "description": "Outputs 'Hello World' to the console on a specified website",
  "permissions": [
    "activeTab"
  ],
  "content_scripts": [
    {
      "matches": ["https://www.bilibili.com/*"],
      "js": ["content.js"]
    }
  ],
  "icons": {
    "16": "img.png",
    "48": "img.png",
    "128": "img.png"
  }
}

三、JS文件

js 复制代码
// content.js
console.log("Hello World");

四、目录结构

五、使用教程




相关推荐
毕设源码-朱学姐2 分钟前
【开题答辩全过程】以 基于vue.js的校园二手平台为例,包含答辩的问题和答案
前端·javascript·vue.js
m0_4711996317 分钟前
【JavaScript】Set 和 Map 核心区别与实战用法(ES6 集合全解析)
前端·javascript·es6
学到头秃的suhian24 分钟前
SpringMVC的请求流程
java
不爱吃米饭_26 分钟前
OpenFeign的相关问题
java
小白|40 分钟前
【OpenHarmony × Flutter】混合开发性能攻坚:如何将内存占用降低 40%?Flutter 引擎复用 + ArkTS 资源回收实战指南
开发语言·javascript·flutter
tuokuac1 小时前
java中的浮点数基本操作
java·开发语言
源码技术栈1 小时前
springboot支持多家机构共同使用的java门诊信息管理系统源码
java·源码·诊所·医保·门诊管理·医生工作站·处方
Empty_7771 小时前
K8S-Job & Cronjob
java·linux·docker·容器·kubernetes
和和和1 小时前
React Scheduler为何采用MessageChannel调度?
前端·javascript
momo061171 小时前
用一篇文章带你手写Vue中的reactive响应式
javascript·vue.js