当前位置: 首页 > news >正文

开发Chrome扩展插件

1.首先开发谷歌chrome扩展插件,没有严格的项目结构目录,但是需要保证里面有一个mainfest.json文件 (必不可少的文件)。在这个文件里有三个属性必不可少:name、version、mainfest_version;

    // 清单文件的版本,这个必须写,而且必须是2 也可以是3 不一定必须是2"manifest_version": 2,// 插件的名称"name": "demo",// 插件的版本"version": "1.0.0",

2.页面结构目录

3.具体配置

3-1  manifest.json

4.具体如何在chrome配置

4-1 谷歌游览器点击右上方竖向...,进入到扩展程序配置页

4-2 Edge游览器点击右上方横向...,进入到扩展程序配置页

4-3 点击 加载已解压的扩展程序 可能选取文件夹时,明明里面是有文件的,但是选的时候里面是没有的,是正常的,就这样选就可以了

4-4 插件图标显示问题

4-4-1 第一个红框框 点一下 就会在导航哪里显示出来这个插件

4-4-2 第二个红框框 点击会出来一些配置 选中'检查弹出窗口' 会出现你再插件控制台打印的一些日志

4-4-3 每次更改完文件 需要在扩展程序页面点击重新加载 再点击检查弹出窗口 保持实时更新(图一、图二刷新按钮后的开关,再第一次加载完插件要保持为开启状态)

图一为Edge游览器

图二为谷歌游览器

5.具体插件功能根据实际需求在app.js或者content.js或者backgound.js写就可以了。

6.不管是在哪个js里写 再manifest.json中"content_scripts"引入即可,多个逗号隔开就行了

    // 需要直接注入页面的JS"content_scripts": [  {// 多个JS按顺序注入"matches": ["<all_urls>"],// 多个JS按顺序注入"js": ["app.js","content.js"]}],

7.如果有啥疑问可以私信作者,写的有点仓促,欢迎大家补充。

相关文章:

  • 【golang】二叉树的遍历
  • 基于cnn卷积神经网络的车辆颜色检测识别-图像去雾-图像去雨(改进yolo目标检测-附代码)
  • 短视频矩阵系统----矩阵系统源码搭建(技术门槛?)
  • 【JavaEE初阶】 JVM类加载简介
  • 第四届信息通信与软件工程国际会议(ICICSE 2024)即将召开!
  • 【金三银四的季节看下Java ORM的走向和性能对比】总结
  • SQL学习十八~十九
  • 用WSGI发布flask到centos7.9
  • 20240307-2-前端开发校招面试问题整理HTML
  • 初学者如何使用QT新建一个包含UI界面的C++项目
  • 数据结构——lesson7二叉树 堆的介绍与实现
  • 【工具】Raycast – Mac提效工具
  • 2024年第十五届蓝桥杯第三期(校内)模拟赛题解
  • 迅速上手:CentOS 系统下 SSH 服务配置指南
  • Kafka面经
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 2019.2.20 c++ 知识梳理
  • 78. Subsets
  • canvas 五子棋游戏
  • CSS实用技巧
  • Java精华积累:初学者都应该搞懂的问题
  • js对象的深浅拷贝
  • LeetCode刷题——29. Divide Two Integers(Part 1靠自己)
  • October CMS - 快速入门 9 Images And Galleries
  • PHP 7 修改了什么呢 -- 2
  • 动态规划入门(以爬楼梯为例)
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 人脸识别最新开发经验demo
  • 温故知新之javascript面向对象
  • 优秀架构师必须掌握的架构思维
  • ###项目技术发展史
  • #QT(TCP网络编程-服务端)
  • (1)Android开发优化---------UI优化
  • (2022版)一套教程搞定k8s安装到实战 | RBAC
  • (C语言)共用体union的用法举例
  • (Matalb时序预测)PSO-BP粒子群算法优化BP神经网络的多维时序回归预测
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (转)视频码率,帧率和分辨率的联系与区别
  • (轉貼) VS2005 快捷键 (初級) (.NET) (Visual Studio)
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • .cn根服务器被攻击之后
  • .Mobi域名介绍
  • .mysql secret在哪_MySQL如何使用索引
  • .NET CORE 3.1 集成JWT鉴权和授权2
  • .NET DataGridView数据绑定说明
  • .NET MVC第五章、模型绑定获取表单数据
  • .net 前台table如何加一列下拉框_如何用Word编辑参考文献
  • .NET 设计一套高性能的弱事件机制
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .NET下的多线程编程—1-线程机制概述
  • @Documented注解的作用
  • [ solr入门 ] - 利用solrJ进行检索
  • [ 转载 ] SharePoint 资料
  • [20180224]expdp query 写法问题.txt
  • [ARC066F]Contest with Drinks Hard