[译].Google Chrome extensions(实验室).界面.覆盖页
2010-03-25 07:33
246 查看
覆盖页是Chrome引用扩展中的HTML文件替换它默认提供给用户的HTML页面,覆盖也出了HTML外还可以包含CSS,Javascript代码。
现在为止,新标签页(它在用户新建窗口或者新建标签页的时候出现)是扩展唯一可以覆盖的页面。
默认的新标签页
一个重写的覆盖页
Manifest
如下在扩展的manifest文件中注册你的覆盖页:
[/code]
建议
要做一个覆盖页的话,有如下的指南:
速度,做一个精简的页面:因为新标签页经常出现,它的流畅表现很重要。最好不要同步链接抓取网络或者数据库。
包含title属性:不然的话用户看到无URL的地址栏,可能让用户感到迷惑。比如可以这样:<title>New Tab</title>
无焦点页面:当创建新标签或者新窗口的时候焦点给了地址栏,所以不要期待使用有焦点的页面。
不要模仿默认的新标签页:APIs有必要创建一个稍微可以修改的默认标签页——流行页、最近关闭的页面、建议、一张背景主题等等——都让他们消失吧,努力做出一个不一样的东西。
示例:
你可以在examples/api/override下找到覆盖新标签页的例子,其他示例或者帮助请查看源文件,这里。
总目录:/article/5846419.html
原文链接:http://code.google.com/chrome/extensions/override.html
现在为止,新标签页(它在用户新建窗口或者新建标签页的时候出现)是扩展唯一可以覆盖的页面。
默认的新标签页
一个重写的覆盖页
Manifest
如下在扩展的manifest文件中注册你的覆盖页:
{
[code] "name": "My extension",
...
"chrome_url_overrides": {
"newtab": "newtab.html"
},
...
}
[/code]
建议
要做一个覆盖页的话,有如下的指南:
速度,做一个精简的页面:因为新标签页经常出现,它的流畅表现很重要。最好不要同步链接抓取网络或者数据库。
包含title属性:不然的话用户看到无URL的地址栏,可能让用户感到迷惑。比如可以这样:<title>New Tab</title>
无焦点页面:当创建新标签或者新窗口的时候焦点给了地址栏,所以不要期待使用有焦点的页面。
不要模仿默认的新标签页:APIs有必要创建一个稍微可以修改的默认标签页——流行页、最近关闭的页面、建议、一张背景主题等等——都让他们消失吧,努力做出一个不一样的东西。
示例:
你可以在examples/api/override下找到覆盖新标签页的例子,其他示例或者帮助请查看源文件,这里。
总目录:/article/5846419.html
原文链接:http://code.google.com/chrome/extensions/override.html
相关文章推荐
- [译].Google Chrome extensions(实验室).界面.浏览器动作
- [译].Google Chrome extensions(实验室).界面.选项
- [译].Google Chrome extensions(实验室).界面.主题
- [译].Google Chrome extensions(实验室).界面.页面动作
- [译].Google Chrome extensions(实验室).开始
- [译].Google Chrome extensions(实验室).概览
- [译].Google Chrome extensions(实验室).目录
- [译].Google Chrome extensions(实验室).开发者指南目录
- 好用的 Google Chrome Extensions(持續增加)
- Google Chrome Extensions 最新精彩插件推荐
- Google Chrome Extensions
- Google Chrome Extensions 官方教程 中文版
- ubuntu google-chrome-stable crash: libnss版本
- Chrome新插件|帮助中国开发者更便捷地浏览Google开发者资源网站
- IE中使用Google Chrome Frame运行HTML 5
- 安装Google Chrome Frame插件的IE8处理JavaScript的速度提高了近10倍
- Google Chrome Frame让微软没有安全感
- 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/ch
- Code Reuse in Google Chrome Browser