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

四、目录结构

五、使用教程




相关推荐
HAPPY酷25 分钟前
C++ 成员指针(Pointer to Member)完全指南
java·c++·算法
Sunsets_Red30 分钟前
浅谈随机化与模拟退火
java·c语言·c++·python·算法·c#·信息学竞赛
星火开发设计1 小时前
模板参数:类型参数与非类型参数的区别
java·开发语言·前端·数据库·c++·算法
星辰徐哥1 小时前
Java数组的定义、操作与应用场景
java·开发语言
Aileen_0v01 小时前
【数据结构中链表常用的方法实现过程】
java·开发语言·数据结构·算法·链表·动态规划·csdn开发云
Andy Dennis1 小时前
一文认识Java常见集合
java·开发语言
玹外之音3 小时前
Spring AI 实战:手把手教你构建支持多会话管理的智能聊天服务
java·spring
cc.ChenLy3 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅3 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠3 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js