关于chorme扩展程序

2024-03-10 10:48

文章标签 程序扩展 chorme

本文主要是介绍关于chorme扩展程序，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

源内容来自Chorme扩展官方文档，本文只供翻译，侵删

什么是扩展程序？

扩展程序是可定制浏览体验的小型软件程序。它们使用户可以根据个人需要或偏好来定制Chrome功能和行为。它们基于Web技术（例如HTML，JavaScript和CSS）构建。

一个扩展程序必须满足定义一个狭窄且易于理解的单一目的。一个扩展程序可以包含多个组件和一系列功能，只要每个组件都有助于实现一个共同的目的。

用户界面应该是最小并有意图的。它们的范围从一个简单的图标（如下侧显示的谷歌邮件检查器扩展）到覆盖整个页面。
在这里插入图片描述
扩展程序文件被压缩到用户下载和安装的单个.crx包中。这意味着与普通的web应用程序不同，扩展程序不依赖于来自web的内容。

扩展程序通过Chorme开发者中心发布，并发布到Chorme网络应用商店。有关更多信息，请参见商店开发者文档。

Hello Extensions

通过这个快速“Hello Extensions”示例，向扩展迈出一小步。首先创建一个新目录来存储扩展程序的文件，或者从示例页面下载它们。

接下来，添加一个名为manifest.json的文件，包含以下代码：

{"name" : "Hello Extensions","description" : "Base Level Extension","version" : "1.0","manifest_version" : 2 
}

每个扩展程序都需要一个清单，尽管大多数扩展程序仅对清单没有多大作用。为了快速入门，扩展程序在browser_action字段下声明了一个弹出文件和图标：

{"name" : "Hello Extensions","description" : "Base Level Extension","version" : "1.0","manifest_version" : 2,"browser_action" : {"default_popup" : "hello.html","default_icon" : "hello_extensions.png"}
}

在这里下载hello_extensions.png，然后创建一个名为hello.html的文件：

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

现在，当单击图标时，扩展显示hello.html。下一步是在清单中包含一个命令。支持键盘快捷方式的json。这一步很有趣，但不是必须的：

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