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

四、目录结构

五、使用教程




相关推荐
光影少年10 小时前
浏览器渲染原理?
前端·javascript·前端框架
小灵不想卷10 小时前
LangChain4j Low 和 Hight-level API
java·langchain4j
小白探索世界欧耶!~10 小时前
Vue2项目引入sortablejs实现表格行拖曳排序
前端·javascript·vue.js·经验分享·elementui·html·echarts
Cosmoshhhyyy11 小时前
《Effective Java》解读第39条:注解优先于命名模式
java·开发语言
亓才孓11 小时前
[SpringIOC]NoSuchBeanDefinitionException
java·spring
追随者永远是胜利者11 小时前
(LeetCode-Hot100)20. 有效的括号
java·算法·leetcode·职场和发展·go
叫我一声阿雷吧11 小时前
JS实现响应式导航栏(移动端汉堡菜单)|适配多端+无缝交互【附完整源码】
开发语言·javascript·交互
前路不黑暗@12 小时前
Java项目:Java脚手架项目的文件服务(八)
java·开发语言·spring boot·学习·spring cloud·docker·maven
毅炼12 小时前
Java 集合常见问题总结(3)
java·开发语言·后端
百锦再13 小时前
Java多线程编程全面解析:从原理到实战
java·开发语言·python·spring·kafka·tomcat·maven