开发一个自己的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 分钟前
互联网大厂Java面试:从分布式架构到大数据场景解析
java·大数据·微服务·spark·kafka·分布式事务·分布式架构
小酒窝.31 分钟前
【多线程】多线程打印1~100
java·多线程
君爱学习35 分钟前
基于SpringBoot的选课调查系统
java
xiaoqi9221 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
APIshop1 小时前
Java 实战:调用 item_search_tmall 按关键词搜索天猫商品
java·开发语言·数据库
血小板要健康1 小时前
Java基础常见面试题复习合集1
java·开发语言·经验分享·笔记·面试·学习方法
qq_177767371 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
淼淼7631 小时前
安装jdk1.8
java·开发语言
2603_949462101 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n1 小时前
JavaScript内存管理与执行上下文
前端·javascript