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

四、目录结构

五、使用教程




相关推荐
haorooms2 分钟前
Promise.try () 完全指南
前端·javascript
kyriewen3 分钟前
闭包:那个“赖着不走”的家伙,到底有什么用?
前端·javascript·ecmascript 6
斌味代码6 分钟前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
嫂子的姐夫17 分钟前
040-spiderbuf第C8题
javascript·爬虫·python·js逆向·逆向
大傻^27 分钟前
Spring AI Alibaba Agent开发:基于ChatClient的智能体构建模式
java·数据库·人工智能·后端·spring·springaialibaba
li星野31 分钟前
C++面试真题分享20260320
java·c++·面试
Irissgwe32 分钟前
c++特殊类设计
java·开发语言·c++
大傻^1 小时前
Spring AI Alibaba ChatClient实战:流式输出与多轮对话管理
java·人工智能·后端·spring·springai·springaialibaba
小帅学编程1 小时前
英语学习笔记
java·笔记·学习
学编程就要猛1 小时前
JavaEE初阶:文件操作和IO
java·java-ee