关于chorme扩展程序

最新推荐文章于 2024-07-09 18:25:02 发布

tande1014

最新推荐文章于 2024-07-09 18:25:02 发布

阅读量645

点赞数

分类专栏：谷歌扩展文章标签： chrome devtools chrome html css javascript

原文链接：https://developer.chrome.com/extensions

版权

谷歌扩展专栏收录该内容

1 篇文章 0 订阅

订阅专栏

源内容来自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扩展官方文档，本文只供翻译，侵删

tande1014

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于chorme扩展程序

什么是扩展程序？扩展程序是可定制浏览体验的小型软件程序。它们使用户可以根据个人需要或偏好来定制Chrome功能和行为。它们基于Web技术（例如HTML，JavaScript和CSS）构建。一个扩展程序必须满足定义一个狭窄且易于理解的单一目的。一个扩展程序可以包含多个组件和一系列功能，只要每个组件都有助于实现一个共同的目的。用户界面应该是最小并有意图的。它们的范围从一个简单的图标（如下侧显示的谷歌邮件检查器扩展）到覆盖整个页面。扩展程序文件被压缩到用户下载和安装的单个.crx包中。这意味着与普通的w
复制链接

扫一扫