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

四、目录结构

五、使用教程




相关推荐
开源情报局17 分钟前
从小红书评论区挖需求:我准备用 opencode 写一个 Chrome 插件
前端·javascript·chrome
逸Y 仙X22 分钟前
文章二十四:Elasticsearch查询排序应用实战e
java·大数据·数据库·elasticsearch·搜索引擎·全文检索
小李子呢021140 分钟前
前端八股JS---Map / Set / WeakMap / WeakSet
开发语言·前端·javascript
冴羽1 小时前
3 招让你的 Shadcn 出海应用性能提升 40 倍
前端·javascript·next.js
aXin_ya1 小时前
微服务 第十天 (Redis多级缓存)
java·redis·微服务
逸Y 仙X1 小时前
文章二十五:ElasticSearch 分页查询
java·大数据·数据库·elasticsearch·搜索引擎·全文检索
ch.ju2 小时前
Java programming(The third edition) Chapter Two——Null return value
java·开发语言
1.14(java)2 小时前
Spring事务和事务传播机制
java·数据库·spring
AI人工智能+电脑小能手2 小时前
【大白话说Java面试题】【Java基础篇】第34题:String、StringBuffer和StringBuilder的区别是什么
java·后端·面试
晓庆的故事簿2 小时前
JAVA搭配RabbitMQ使用
java·rabbitmq·java-rabbitmq