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

四、目录结构

五、使用教程




相关推荐
前端炒粉9 分钟前
35.LRU 缓存
开发语言·javascript·数据结构·算法·缓存·js
断剑zou天涯2 小时前
【算法笔记】窗口内最大值或最小值的更新结构
java·笔记·算法
lumi.2 小时前
Vue + Element Plus 实现AI文档解析与问答功能(含详细注释+核心逻辑解析)
前端·javascript·vue.js·人工智能
m***66733 小时前
SQL 实战—递归 SQL:层级结构查询与处理树形数据
java·数据库·sql
S***t7144 小时前
Vue面试经验
javascript·vue.js·面试
粉末的沉淀4 小时前
css:制作带边框的气泡框
前端·javascript·css
鲸沉梦落4 小时前
Java中的Stream
java
yihuiComeOn5 小时前
[源码系列:手写Spring] AOP第二节:JDK动态代理 - 当AOP遇见动态代理的浪漫邂逅
java·后端·spring
p***h6435 小时前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
Porunarufu5 小时前
Java·关于List
java·开发语言