chrome扩展开发之Override Pages

jamiesun

覆盖页面是使用你的扩展提供的页面替换浏览器提供的页面的一种方式。一个覆盖页面除HTML之外通常还有CSS和JavaScript代码。目前，您仅仅可以替换新标签页。
默认新标签页

替代的新标签页

Manifest 清单
在扩展清单中注册您的新标签页：
“chrome_url_overrides”：（“newtab”：“newtab.html”）
提示
对于一个有效的新标签页，请遵循以下准则：
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; font-size: 12px; vertical-align: baseline; background-color: transparent; padding: 0px;">让您的网页快和小。因为新的标签页出现时候，它的性能很重要。例如，应避免同步网络或对数据库资源的访问。
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; font-size: 12px; vertical-align: baseline; background-color: transparent; padding: 0px;">在你的网页中包含标题。否则人们将看到的是网页的网址，这可能使他们感到混淆。下面是一个指定标题的例子：
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; font-size: 12px; vertical-align: baseline; background-color: transparent; padding: 0px;">不要依赖于具有键盘焦点的页面。用户创建一个新标签时。地址栏总是第一个获得焦点。
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; font-size: 12px; vertical-align: baseline; background-color: transparent; padding: 0px;">不要试图仿效默认新标签页。这些API有必要建立一个默认新标签页的略加修改的版本-顶级的网页，最近关闭的网页，提示，主题背景图片，等等… 你最好努力做的完全不同。
示例
这里有个例子，指定了一个非常简单的新标签页，参见override_igoogle例子。实现这个新标签页（redirect.html）只用了三行代码。