Press "Enter" to skip to content

谷歌(Chrome)浏览器扩展开发一 :什么是扩展?

什么是扩展?或者说什么是浏览器扩展程序?扩展程序是可以定制浏览器体验的小型软件程序。它们可以使用户根据需要和偏好来定制浏览器(Chrome)的功能和行为,基于Web技术(Html、Css、Javascript)构建。

浏览器(Chrome)扩展(以下简称扩展)必须满足一个单一目的,即侠义定义并易于理解。它可以包含多个组件以及一系列功能,只要满足所有的内容都是有助于实现一个共同的目的即可。

用户界面应该尽量的少且有意义,范围从一个小小的图标乃至覆盖整个页面。

扩展文件被压缩到一个“.crx”文件包中,用户可以下载并安装。这就意味着扩展与普通的Web应用不同,它不用依赖Web上的内容。

Chrome扩展程序通过Chrome开发人员信息中心分发,发布到Chrome网上应用商店。

第一个扩展程序

通过快速创建一个Hello扩展程序来对扩展程序作进一步了解。

首先,创建一个扩展目录来存放我们的第一个扩展程序,暂且将它命名为hello。你也可以从谷歌提供的示例页面中下载该示例

其次,创建一个名为manifest.json的文件,并写入以下内容:

每个扩展都需要一个清单(manifest),尽管大多数扩展没有对清单做太多事情。为了快速入门,我们在扩展程序中的“ browser_action ”字段下声明了一个弹出文件和图标:

从这里可以下载hello_extensions.png图片文件。然后一并创建hello.html文件:

这样点击扩展图标之后就会加载hello.html页面的内容了。

延伸阅读:接下来我们为扩展添加一个快捷方式,但是这个不是必须的:

然后我们可以在本地机器上安装我们创建的扩展:

  1. 打开 chrome://extensions 扩展程序页面,也可以点击浏览器右上角的菜单栏找到更多工具里面的扩展程序打开;
  2. 将页面右上角的开发者模式打开;
  3. 点击“加载已解压的扩展程序”,然后选择我们创建的hello扩展目录加载。

好了,现在即可通过点击扩展图标或者按快捷键Ctrl+Shift+F打开我们扩展程序hello.html页面了。

Comments are closed, but trackbacks and pingbacks are open.