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

四、目录结构

五、使用教程




相关推荐
葡萄成熟时 !几秒前
JDK时间类
java·开发语言
长安城没有风2 分钟前
Java 高并发核心编程 ----- 初识多线程(下)
java·juc
余瑜鱼鱼鱼3 分钟前
Thread类中run和start的区别
java·开发语言·前端
n 55!w !1083 分钟前
js练习作业
开发语言·javascript·ecmascript
计算机程序设计小李同学5 分钟前
基于位置服务的二手图书回收平台
java·前端·vue.js·spring boot·后端
Whisper_Sy5 分钟前
Flutter for OpenHarmony移动数据使用监管助手App实战 - 月报告实现
android·开发语言·javascript·网络·flutter·ecmascript
灰灰勇闯IT6 分钟前
【Flutter for OpenHarmonyDart 入门日记】第5篇:字典类型 Map 与动态类型 dynamic 全解析
开发语言·javascript·ecmascript
雨季6669 分钟前
Flutter for OpenHarmony 入门实践:从 Scaffold 到 Container 的三段式布局构建
开发语言·javascript·flutter
青云交9 分钟前
Java 大视界 -- 基于 Java+Flink 构建实时风控规则引擎:动态规则配置与热更新(446)
java·nacos·flink·规则引擎·aviator·实时风控·动态规则
Dreamy smile10 分钟前
JavaScript 继承与 this 指向操作详解
开发语言·javascript·原型模式