2025年关于chorme扩展程序

科技前沿 • 2025-03-04 13:36 • 阅读 71

大家好，我是讯享网，很高兴认识大家。

源内容来自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" } } }

最后一步是在本地机器上安装扩展程序。

在浏览器中浏览chrome://extensions。你也可以通过点击Omnibox右上方的Chrome菜单来访问这个页面，将鼠标悬停在“更多工具”上并选择“扩展程序”。
选中开发模式旁边的复选框。
单击“加载已解压的扩展程序”并选择“Hello Extensions”扩展程序的目录。

恭喜你！现在，您可以通过单击hello_world.png图标或按下键盘上的Ctrl+Shift+F来使用基于弹出窗口的扩展程序。

接下来

遵循入门教程
阅读概述
阅读Chromium博客以了解最新信息
订阅Chromium扩展组

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

2025年关于chorme扩展程序

什么是扩展程序？

Hello Extensions

接下来

相关推荐