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

四、目录结构

五、使用教程




相关推荐
冰暮流星7 分钟前
javascript之字符串索引数组
开发语言·前端·javascript·算法
御坂10101号9 分钟前
Google Ads 转化凭空消失?问题藏在同意横幅的「时机」
前端·javascript·测试工具·网络安全·chrome devtools
我命由我1234514 分钟前
Kotlin 面向对象 - 匿名内部类、匿名内部类简化
android·java·开发语言·java-ee·kotlin·android studio·android jetpack
学到头秃的suhian15 分钟前
Redis分布式锁
java·数据库·redis·分布式·缓存
冰暮流星18 分钟前
javascript创建数组的方式
开发语言·javascript·ecmascript
星火开发设计18 分钟前
模板特化:为特定类型定制模板实现
java·开发语言·前端·c++·知识
wzqllwy24 分钟前
Java实战-性能
java
愿你天黑有灯下雨有伞28 分钟前
Java 集合详解:ArrayList、LinkedList、HashMap、TreeMap、HashSet 等核心类对比分析
java·开发语言
知识即是力量ol34 分钟前
口语八股——Redis 面试实战指南(二):缓存篇、分布式锁篇
java·redis·缓存·面试·分布式锁·八股
金銀銅鐵36 分钟前
浅解 Junit 4 第四篇:类上的 @Ignore 注解
java·junit·单元测试