Chrome Extension 介绍
1. Chrome 扩展程序
chrome 扩展是自定义的小型软件程序。它允许用户以多种方式定制Chrome的功能和行为，提供如下功能：
- 提高生产力的工具
- 丰富网页内容
- 信息汇总
- 娱乐(如游戏)
2. Chrome 扩展的工作方式
扩展是基于HTML、JavaScript和CSS等Web技术构建的。它们在单独的沙盒执行环境中运行，并与Chrome浏览器交互
扩展允许通过使用API修改浏览器行为和访问Web内容来"扩展"浏览器。扩展通过最终用户UI和开发者API运行：
- 扩展用户界面: 这为用户提供了一种一致的方式来管理他们的扩展
- 扩展API: 允许扩展代码访问浏览器本身的功能，如激活选项卡、修改网络请求等
3. 扩展程序的组织结构
要创建扩展往往包含以下内容：
manifest.jsonJavaScriptHTMLimagescss
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. 说明
上述的内容主要来自于官方网站，但是由于需要科学上网，以备不时之需也算是学习笔记。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
