chrome扩展开发之Page Actions

jamiesun

使用page action可以将图标放进地址栏，page action表示在当前页面可以进行一些操作，但并不适用于所有页面。下面是例子：
<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;">订阅此网页的RSS feed<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;">为页面中的图片制作幻灯片下图中的RSS图标代表了一个page action，可以让你订阅当前页的RSS。

如果你想扩展的图标始终可见，请使用 browser action 。
Manifest 清单
在扩展清单中注册你的page action
“page_action”：（
“default_icon”: “icons/foo.png”, // required
“default_title”: “Do action”, // optional; shown in tooltip
“popup”: “popup.html” // optional
）
用户界面部分
和browser actions一样, page actions 有一个图标，也可以有一个提示和弹出页，但是它不能有标志，此外，page action可以出现和消失。参考browser action 部分.你可以找到有关图标，工具提示，以及弹出式窗口的信息，使用 show() 和 hide() 方法可以让page action 出现或消失，默认情况下，一个page action是隐藏的。当显示它的时候，图标会出现在你指定的标签页。图标会一直保持可见，直到标签页面关闭或或跳转到了不同的网址（例如，用户点击一个链接）。
提示
为了获得最佳的视觉效果，遵循以下准则：
<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;">只是和几个页面有关的操作，使用page action<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;">和大多数页面相关的操作，使用 browser actions，不要用page action<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;">图标要小于browser action的图标，大多数图标，在地址栏的显示都小于19像素。如果使用了边缘像素，通常显示很小的阴影效果。<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参考：chrome.pageAction