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

四、目录结构

五、使用教程




相关推荐
qq_12498707531 小时前
基于微信小程序的电子元器件商城(源码+论文+部署+安装)
java·spring boot·spring·微信小程序·小程序·毕业设计
嚣张丶小麦兜1 小时前
认识vite
前端·javascript·vue.js
吃喝不愁霸王餐APP开发者1 小时前
基于Spring Cloud Gateway实现对外卖API请求的统一鉴权与流量染色
java·开发语言
a努力。1 小时前
美团Java面试被问:Redis集群模式的工作原理
java·redis·后端·面试
一雨方知深秋1 小时前
面向对象编程
java·封装·this·构造器·static关键字·成员变量·javabean实体类
资生算法程序员_畅想家_剑魔1 小时前
Java常见技术分享-11-责任链模式
java·spring boot·责任链模式
计算机程序设计小李同学2 小时前
动漫之家系统设计与实现
java·spring boot·后端·web安全
程序员阿鹏2 小时前
责任链模式
java·spring·servlet·tomcat·maven·责任链模式
@淡 定2 小时前
Java内存模型(JMM)详解
java·开发语言
oak隔壁找我2 小时前
Node.js的package.json
前端·javascript