开发一个自己的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");

四、目录结构

五、使用教程




相关推荐
毕设源码-朱学姐14 小时前
【开题答辩全过程】以 日程管理系统为例,包含答辩的问题和答案
java
a努力。14 小时前
京东Java面试被问:双亲委派模型被破坏的场景和原理
java·开发语言·后端·python·面试·linq
冰暮流星14 小时前
javascript赋值运算符
开发语言·javascript·ecmascript
小毛驴85014 小时前
Maven同时配置阿里云仓库和私有仓库
java·阿里云·maven
刘975314 小时前
【第25天】25c#今日小结
java·开发语言·c#
不如打代码KK14 小时前
Springboot如何解决跨域问题?
java·spring boot·后端
豆沙沙包?14 小时前
2026年--Lc330-394. 字符串解码(栈)--java版
java·开发语言
蓝程序14 小时前
Spring AI学习 程序接入大模型
java·人工智能·spring
nice_lcj52014 小时前
数据结构之树与二叉树:重点梳理与拓展
java·数据结构
毕设源码-钟学长14 小时前
【开题答辩全过程】以 助学贷款管理系统为例,包含答辩的问题和答案
java