1. Chrome 扩展程序

chrome 扩展是自定义的小型软件程序。它允许用户以多种方式定制Chrome的功能和行为，提供如下功能：

提高生产力的工具
丰富网页内容
信息汇总
娱乐(如游戏)

2. Chrome 扩展的工作方式

扩展是基于HTML、JavaScript和CSS等Web技术构建的。它们在单独的沙盒执行环境中运行，并与Chrome浏览器交互

扩展允许通过使用API修改浏览器行为和访问Web内容来"扩展"浏览器。扩展通过最终用户UI和开发者API运行：

扩展用户界面: 这为用户提供了一种一致的方式来管理他们的扩展
扩展API: 允许扩展代码访问浏览器本身的功能，如激活选项卡、修改网络请求等

3. 扩展程序的组织结构

要创建扩展往往包含以下内容：

manifest.json
JavaScript
HTML
images
css

4. 扩展的安装方式

对于开发和测试，可以使用扩展的开发者模式，将这些未经打包的文件加载到Chrome中
对于用户则通过打包文件进行安装

5. 初步感受 —— 第一个扩展

5.1 创建manifest.json

{"name":"Hello Extensions","description":"Base Level Extension","version":"1.0","manifest_version":3,"action":{"default_popup":"hello.html","default_icon":"hello_extensions.png"},"commands":{"_execute_action":{"suggested_key":{"default":"Ctrl+Shift+F","mac":"MacCtrl+Shift+F"},"description":"Opens hello.html"}}
}

action 指定点击图标时的行为
commands 则指定执行action的快捷键

5.2 创建hello.html

<!DOCTYPE html><body><h1>Hello Extensions</h1></body>
</html>

5.3 下载hello_extensions.png

5.4 安装扩展即可使用(开发模式下)

6. 说明

上述的内容主要来自于官方网站，但是由于需要科学上网，以备不时之需也算是学习笔记。

Chrome Extension 介绍相关推荐

ARChon 分析之二：简单分析与Chrome插件介绍
源码在这里: ARChon 插件: https://bitbucket.org/vladikoff/archon/src https://github.com/vladikoff/chromeos-a ...
Chrome Extension插件开发概述
摘要:本文主要描述关于chrome plugin开发的相关开发知识,着重讲述下popup/background/content-script三者之间的消息互通. 一.Chrome Extension还 ...
Chrome Extension 检查视图（无效）处理方法
最近闲来无事,简单看了下Chrome扩展的开发,并且开发一个小小的翻译插件(TranslateBao)作为练手,开发细节不详述了,如果有新学习chrome extension开发的新人,可以参考源码, ...
解决chrome extension无法下载的问题
由于GFW把谷歌应用商店给屏蔽了,下载chrome扩展变得很困难. 我使用的是版本30.0.1599.101 m. 那么你需要做的第一个处理是,修改host文件,保证chrome应用商店可以登录.如下 ...
Develop chrome extension study
I spent a day in reading the chrome extension development. Its main point is aboout manifest.json an ...
Chrome Extension Dark Theme
Chrome Extension & Dark Theme https://chrome.google.com/webstore/detail/eimadpbcbfnmbkopoojfekhn ...
Chrome Extension ContextMenus 创建适配Manifest3
Manifest3 之后 ContextMenus也进行了升级. Manifest3配置如下: "background": {"service_worker": ...
Chrome Extension 小试牛刀
目录要解决的问题: 解决方案: 操作记录: 进入流程抄送记录,点击[自动浏览]开始操作. 点击自动浏览后,会自动在该Chrome页面上打开多个浏览器页签显示所有未读的记录软件开发中问题汇总: 怎么 ...
有道字典 Chrome Extension
有道字典 Chrome Extension zzzhc's Blog 有道字典 Chrome Extension Dec 12th, 2011 有道字典的chrome extension会把鼠标下的词 ...

Chrome Extension 介绍