【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.mzph.cn/news/870318.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2021 RoboCom 世界机器人开发者大赛-本科组(复赛):拼题A打卡奖励

拼题 A 的教超搞打卡活动,指定了 N 张打卡卷,第 i 张打卡卷需要 mi​ 分钟做完,完成后可获得 ci​ 枚奖励的金币。活动规定每张打卡卷最多只能做一次,并且不允许提前交卷。活动总时长为 M 分钟。请你算出最多可以赢得多少枚金币&a…

生物素-十一聚乙二醇-沙利度胺;Biotin-PEG11-Thalidomide

Biotin-PEG11-Thalidomide,即生物素-十一聚乙二醇-沙利度胺,是一种结合了生物素、十一聚乙二醇(PEG11)和沙利度胺的复杂化合物。以下是对该化合物的详细分析: 一、组成成分及特性 生物素(Biotin&#xff09…

美间·AI创意商拍——面向全球电商从业者提供AI背景图、AI真实增强、AI智能抠图、AI扩图、AI智能消除等AI生成及设计工具

一、产品介绍 「美间AI创意商拍」是群核科技推出的电商AIGC设计平台,依托群核前沿技术研究院自研大模型和美间2D智能设计引擎,面向全球电商从业者提供AI背景图、AI真实增强、AI智能抠图、AI扩图、AI智能消除等AI生成及设计工具,帮助用户高效…

odoo 继承原生domain进行修改

有需求是 编辑条件,进行对条件的路由拼接,进行展示对应报表 在原生的 domain widget 效果不是很理想,并想展示只是编辑条件以及展示条件,并不能满足。所以继承开发并另命名widget 代码如下: js 修改 在原有代码基础上复制进行修改 export class XCDomainField extends Co…

3ds Max 软件介绍基本操作方法

3ds Max 是一款功能强大的三维建模、动画和渲染软件,广泛应用于游戏开发、影视特效、建筑可视化、工业设计等领域。 功能特点: 强大的建模工具 提供了多种建模方式,包括多边形建模、曲面建模、数字雕刻等,能够创建各种复杂的三维模…

薄冰英语语法学习--代词1

人称代词: 做主语。 你、我、他、她、它、你们、他们、我们 you、I、he、she、it、you、they、we 做宾语 you、me、him、her、it、you、them、us 形容词性:物主代词 我的美貌,你的丑陋,她的悲伤,他们的可爱&…

【全面介绍语言模型的原理,实战和评估】

🎥博主:程序员不想YY啊 💫CSDN优质创作者,CSDN实力新星,CSDN博客专家 🤗点赞🎈收藏⭐再看💫养成习惯 ✨希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共同学习、交流进步! 🥂语言模型的原理 🥂语言模型基于统计和机器学习的原理,目标…

怎么批量下载网页里的图片和视频 如何批量下载一个网站的所有图片 如何批量下载网页视频文件 idm软件怎么下载

当我们在网站内需要下载大量图片时,一张一张的下载非常麻烦。这里推荐大家使用IDM这款网页图片下载工具。下面,我将介绍怎么批量下载网页里的图片和视频,如何批量下载一个网站的所有图片的解决方法。 一、怎么批量下载网页里的图片和视频 …

营业执照注销多少钱

营业执照不注销会有什么后果?1、公司不经营,放几年自动注销?真相:不管放多长时间,公司是不会自动注销的。相反,放任长久不维护,公司会出现异常,营业执照被吊销,公司股东、…

测试流程规范建设

建设目的 通过规则保障团队高效协同,自驱、可控。能和所有成员达到精确的沟通。 基本规则 测试角色管理 红线-QA 新员工试用期考核流程(RD) 周会--QA 周报--QA 需求阶段 需求变更规范 开发阶段 接口文档规范 代码走查规范 分支管…

uniapp小程序上传文件webapi后端项目asp.net

需求 小程序需要上传用户相册图片或拍摄的照片到后端服务器 uniapp官方处理小程序文件方法 选择文件方法:uni.chooseMedia uni-app官网uni-app,uniCloud,serverless,uni.chooseVideo(OBJECT),chooseVideo HarmonyOS 兼容性,uni.chooseMedia(OBJECT),uni.saveVid…

软件架构之计算机网络

软件架构之计算机网络 第 4 章 计算机网络4.1 网络架构与协议4.1.1 网络互联模型4.1.2 常见的网络协议4.1.3 IPv6 4.2 局域网与广域网4.2.2 无线局域网4.2.3 广域网技术4.2.4 网络接入技术 4.3 网络互连与常用设备4.4 网络工程4.4.1 网络规划4.4.2 网络设计4.4.3 网络实施 4.5 …

PTrade常见问题系列8

get_fundamentals函数能否在后台验证是否能取到数据 get_fundamentals函数能否在量化服务器后台调用,验证是否能取到财务数据? 可后台调用。 #获取财务数据 from fly.data.quotation import get_fundamentals get_fundamentals(600000.SS, balance_stat…

【ChatGPT 消费者偏好】第二弹:ChatGPT在日常生活中的使用—推文分享—2024-07-10

今天的推文主题还是【ChatGPT & 消费者偏好】 第一篇:哪些动机因素和技术特征的组合能够导致ChatGPT用户中高和低的持续使用意图。第二篇:用户对ChatGPT的互动性、性能期望、努力期望以及社会影响如何影响他们继续使用这些大型语言模型的意向&#x…

力扣面试经典150题

链接:面试经典 150 题 - 学习计划 - 力扣(LeetCode)全球极客挚爱的技术成长平台 1.合并两个有序数组 思路: 两个指针分别指向两个数组的末尾,向前遍历比较大小,将大的依次逆向填充到nums1中 代码: class Solution {public void merge(int[] nums1, int m, int[] nu…

强烈推荐!!李沐老师《动手学深度学习》最新Pytorch版!

动手学深度学习(PyTorch版)》是由李沐、Aston Zhang和孔德威共同编写的教材,专为深度学习初学者和实践者设计。本书使用PyTorch作为主要的深度学习框架,全面系统地介绍了深度学习的基本理论、常见模型和实际应用技巧。 书中内容包括深度学习的基础知识、…

编程社团研究内容怎么写

编程社团研究内容怎么写 编程社团作为推动学生编程技能提升和创新思维发展的重要平台,其研究内容的编写不仅关乎社团活动的质量,更直接影响到社团成员的学习成果。那么,如何撰写一份深入且富有启发性的编程社团研究内容呢?接下来…

WPF-C# byte[]转ImageSource常用方法

方法一 private ImageSource ByteArrayToImageSource(byte[] data){System.Drawing.Image image;using (MemoryStream ms new MemoryStream(data)){image System.Drawing.Image.FromStream(ms);}var bitmap new Bitmap(image);return Imaging.CreateBitmapSourceFromHBitmap…

【北京迅为】《i.MX8MM嵌入式Linux开发指南》-第一篇 嵌入式Linux入门篇-第二十二章 安装VMware Tool 工具

i.MX8MM处理器采用了先进的14LPCFinFET工艺,提供更快的速度和更高的电源效率;四核Cortex-A53,单核Cortex-M4,多达五个内核 ,主频高达1.8GHz,2G DDR4内存、8G EMMC存储。千兆工业级以太网、MIPI-DSI、USB HOST、WIFI/BT…

【Linux】常用命令总结(updating)

1.date2.du(disk use)3.df(disk free)4.find shell命令可以使用man查看命令文档说明,说明界面中可通过b(backward)向上翻页,f(forward)向下翻页,g(go to)跳到说明首页,G跳到说明尾页…