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

【TOOLS】Chrome扩展开发

Chrome Extension Development


在这里插入图片描述

1. 入门教程


入门案例,可以访问【 谷歌插件官网官方文档 】查看官方入门教程,这里主要讲解大概步骤

  1. Chrome Extenson 没有固定的脚手架,所以项目的搭建需要根据开发者自己根据需求搭建项目(例如通过Vue 、React等框架),搭建完后创建或引入manifest.json文件即可
  2. Chrome Extension 项目全部的配置都是在manifest.json中编写
  3. Chrome Extension manifest.json文档的配置项可以访问 【Manifest 文档】
  4. Chrome Extension 也提供了一个简单页签管理扩展示例,让开发者学习扩展开发在这里插入图片描述

2. 进阶


通过入门教程的教学,可以知道 Chrome Extension 所有的操作都是通过chrome对象提供的API方法,所以想要进阶学习扩展开发,必然需要了解和熟悉所有的API,【官方API地址】

  1. Chrome Extension 的文档版本分为Manifest V2Manifest V3,最新开发的扩展基本上都使用的V3版本,V2的很多API也都即将会被淘汰
  2. 切换文档版本可以通过点击左侧菜单Manifest V2Manifest V3标题进行切换
    在这里插入图片描述

3. 分发扩展程序


Chrome 自动会在固定的时间间隔更新浏览器上的扩展,Chrome Extension 分发扩展程序的途径有两种:

  1. Chrome Store (应用商店):通过在谷歌开发者中心上传代码压缩包,实现扩展的发布,详细步骤可以访问【Chrome Store 发布扩展】
  2. 自托管:顾名思义,就是通过自己托管打包后的扩展文件,定义好扩展更新地址,实现扩展发布,个人觉得这是最安全且最有效的方式,详细步骤可以访问【自托管发布】

Chrome Extension 开发相对简单,只需要按照对应的流程开发就行,所以本文没有编写代码


——————结 束——————

http://www.lryc.cn/news/400099.html

相关文章:

  • 分享WPF的UI开源库
  • [ACM独立出版]2024年虚拟现实、图像和信号处理国际学术会议(ICVISP 2024)
  • JVM:类加载器
  • 支持向量机 (support vector machine,SVM)
  • 宝塔面板以www用户运行composer
  • 昇思25天打卡营-mindspore-ML- Day24-基于 MindSpore 实现 BERT 对话情绪识别
  • 【精品资料】模块化数据中心解决方案(33页PPT)
  • N6 word2vec文本分类
  • excel、word、ppt 下载安装步骤整理
  • 【python学习】标准库之日期和时间库定义、功能、使用场景和示例
  • Android --- Kotlin学习之路:基础语法学习笔记
  • 嵌入式智能手表项目实现分享
  • `nmap`模块是一个用于与Nmap安全扫描器交互的库
  • JVM系列 | 对象的创建与存储
  • 【JavaScript 算法】快速排序:高效的排序算法
  • Excel如何才能忽略隐藏行进行复制粘贴?
  • 行人越界检测 越线 越界区域 多边形IOU越界判断
  • 「UCD」浅谈蓝湖Figma交互设计对齐
  • VUE3 播放RTSP实时、回放(NVR录像机)视频流(使用WebRTC)
  • [PaddlePaddle飞桨] PaddleOCR-光学字符识别-小模型部署
  • Python应用开发——30天学习Streamlit Python包进行APP的构建(15):优化性能并为应用程序添加状态
  • python实现openssl的EVP_BytesToKey及AES_256_CBC加解密算法
  • 基于SpringBoot+VueJS+微信小程序技术的图书森林共享小程序设计与实现
  • 【css】image 使用 transform:scale 放大后显示不全的问题
  • 损失函数简介
  • 2023睿抗CAIP-编程技能赛-本科组省赛(c++)
  • 现在国内的ddos攻击趋势怎么样?想了解现在ddos的情况该去哪看?
  • 微服务到底是个什么东东?
  • C++笔试强训5
  • 初学51单片机之UART串口通信