当前位置: 首页 > 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 开发相对简单,只需要按照对应的流程开发就行,所以本文没有编写代码


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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • struts2如何防止XSS脚本攻击(XSS防跨站脚本攻击过滤器)
  • CentOS7配置阿里云yum源
  • WPF学习(2) -- 样式基础
  • spark运行报错:Container killed by YARN for exceeding memory limits
  • Vue 3 组件通信全解:从基础到高级技巧
  • Redis② —— Redis线程模型
  • <数据集>绝缘子缺陷检测数据集<目标检测>
  • 昇思25天学习打卡营第20天|CycleGAN图像风格迁移互换
  • MVC 返回集合方法,以及分页
  • FPGA入门-自用
  • 语音识别HResults统计工具以及字根据关键词进行合并
  • PostgreSQL关闭数据库服务的三种模式
  • Re:从零开始的C++世界——类和对象(上)
  • vscode终端(控制台打印乱码)
  • 【精品资料】模块化数据中心解决方案(33页PPT)
  • Angular Elements 及其运作原理
  • Angular2开发踩坑系列-生产环境编译
  • electron原来这么简单----打包你的react、VUE桌面应用程序
  • Go 语言编译器的 //go: 详解
  • Java 多线程编程之:notify 和 wait 用法
  • Java基本数据类型之Number
  • Laravel5.4 Queues队列学习
  • PHP那些事儿
  • React+TypeScript入门
  • React-redux的原理以及使用
  • Service Worker
  • Sublime Text 2/3 绑定Eclipse快捷键
  • tab.js分享及浏览器兼容性问题汇总
  • Vue.js-Day01
  • windows下如何用phpstorm同步测试服务器
  • 程序员最讨厌的9句话,你可有补充?
  • 从伪并行的 Python 多线程说起
  • - 概述 - 《设计模式(极简c++版)》
  • 干货 | 以太坊Mist负责人教你建立无服务器应用
  • 搞机器学习要哪些技能
  • 将 Measurements 和 Units 应用到物理学
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 微信开放平台全网发布【失败】的几点排查方法
  • 微信小程序设置上一页数据
  • 学习使用ExpressJS 4.0中的新Router
  • 异步
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • # dbt source dbt source freshness命令详解
  • # Redis 入门到精通(八)-- 服务器配置-redis.conf配置与高级数据类型
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • $$$$GB2312-80区位编码表$$$$
  • (1)安装hadoop之虚拟机准备(配置IP与主机名)
  • (3)医疗图像处理:MRI磁共振成像-快速采集--(杨正汉)
  • (八)c52学习之旅-中断实验
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (简单) HDU 2612 Find a way,BFS。
  • (三) prometheus + grafana + alertmanager 配置Redis监控
  • (学习日记)2024.01.19
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m