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

四、目录结构

五、使用教程




相关推荐
前端不开发24 分钟前
在任意网页里“召唤”一个火柴人:一次有趣的 JavaScript Hack
前端·javascript
whatever who cares32 分钟前
Java Web 架构全组件详解
java·前端·架构
好家伙VCC39 分钟前
**标题:发散创新|用Python构建GAN图像生成器:从理论到实战全流程解析**---在深度学习飞速发展的今天,**生成对抗
java·python·深度学习·生成对抗网络
我命由我1234544 分钟前
Android Studio - 在 Android Studio 中直观查看 Git 代码的更改
android·java·开发语言·git·java-ee·android studio·android jetpack
苏荷水1 小时前
万字总结LeetCode100(持续更新...)
java·算法·leetcode·职场和发展
不光头强1 小时前
SpringBoot 开发第三天 学习内容
java·spring boot·学习
黎雁·泠崖1 小时前
【魔法森林冒险】12/14 场景系统:5大场景的任务串联
java·开发语言
Vic101012 小时前
算法D1-20260212:双指针专题
java·数据结构·算法
icebreaker2 小时前
Mokup:构建工具友好的可视化 Mock 工具
前端·javascript·后端