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

四、目录结构

五、使用教程




相关推荐
天问一8 分钟前
使用 Vue Router 进行路由定制和调用的示例
前端·javascript·vue.js
小小8程序员38 分钟前
STL 库(C++ Standard Template Library)全面介绍
java·开发语言·c++
a努力。1 小时前
Redis Java 开发系列#2 数据结构
java·数据结构·redis
a努力。2 小时前
腾讯Java面试被问:String、StringBuffer、StringBuilder区别
java·开发语言·后端·面试·职场和发展·架构
韩立学长2 小时前
【开题答辩实录分享】以《基于Vue的非遗文化知识分享平台的设计与实现》为例进行选题答辩实录分享
前端·javascript·vue.js
前端 贾公子2 小时前
Vue响应式原理学习:基本原理
javascript·vue.js·学习
飛6792 小时前
从 0 到 1 掌握 Flutter 状态管理:Provider 实战与原理剖析
开发语言·javascript·ecmascript
Vic101013 小时前
解决 Spring Security 在异步线程中用户信息丢失的问题
java·前端·spring
QD_IT伟3 小时前
SpringBoot项目整合Tlog 数据链路的规范加强
java·spring boot·后端
源码获取_wx:Fegn08953 小时前
基于springboot + vue二手交易管理系统
java·vue.js·spring boot·后端·spring·课程设计