古典舞.敦煌.丝路霓裳:Chrome扩展开发指南(4)——Options Pages(选项页面)

来源:百度文库 编辑:偶看新闻 时间:2024/04/28 13:38:49

  

Chrome扩展开发指南(4)——Options Pages(选项页面)

你可以提供一个选项页面(Options Pages)让用户自定义你的扩展。如果设置了选项页面,那么扩展管理页chrome://extensions将会有一个链接指向选项页面。

定义选项页面包括两步:

1、在manifest中定义选项页
  1. {
  2.   "name": "My extension",
  3.   ...
  4.   "options_page": "options.html",
  5.   ...
  6. }
复制代码

上例中,options_page代表选项页面,options.html是具体的文件地址。

2、编写选项页面

选项页面是一个典型的网页,下面是一个选项页面的例子:


  1. My Test Extension Options




  2. Favorite Color:






复制代码 注意事项

早期版本的chrome可能不支持这个功能。

我们正计划提供一个默认的css来使得不同扩展的选项页面保持风格一致,你可以从这里(http://crbug.com/25317)查看最新的进展。

知识补充

上面的例子中使用LOCALSTORAGE保存数据,具体介绍可以查看《使用LOCALSTORAGE保存数据》

原文 http://code.google.com/chrome/extensions/options.html

由ChromeChina翻译,转载注明出处http://dev.chromechina.com/