Chrome插件开发 - 浏览器交互

1、书签

使用chrome.bookmarks模块来创建、组织和管理书签。也可参看 Override Pages，来创建一个可定制的书签管理器页面。

1.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": [
"bookmarks"
],
...
}

对象和属性

签是按照树状结构组织的，每个节点都是一个书签或者一组节点（每个书签夹可包含多个节点）。每个节点都对应一个BookmarkTreeNode 对象。

可以通过 chrome.bookmarks API来使用BookmarkTreeNode的属性。

例子

创建了一个标题为 "Extension bookmarks"的书签夹。

chrome.bookmarks.create({'parentId': bookmarkBar.id,
'title': 'Extension bookmarks'},
function(newFolder) {
console.log("added folder: " + newFolder.title);
});

创建了一个指向扩展开发文档的书签。

chrome.bookmarks.create({'parentId': extensionsFolderId,
'title': 'Extensions doc',
'url': 'http://code.google.com/chrome/extensions'});

2、Cookies

2.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": [
"cookies",
"://.google.com"
],
...
}

3、开发者工具

下列API模块提供了开发人员工具的部分接口，以支持您对开发人员工具进行扩展。

devtools.inspectedWindow devtools.network devtools.panels

3.1、manifest.json 中配置

{
"name": ...
"version": "1.0",
"minimum_chrome_version": "10.0",
"devtools_page": "devtools.html",
...
}

4、Events

Event 是一个对象，当你关注的一些事情发生时通知你。 以下是一个使用 chrome.tabs.onCreated event 的例子，每当一个新标签创建时，event对象会得到通知：

chrome.tabs.onCreated.addListener(function(tab) {
appendToLog('tabs.onCreated --'
+ ' window: ' + tab.windowId
+ ' tab: ' + tab.id
+ ' index: ' + tab.index
+ ' url: ' + tab.url);
});

你可以调用任何 Event 对象的以下方法：

void addListener(function callback(...))
void removeListener(function callback(...))
bool hasListener(function callback(...))

5、浏览历史

chorme.history 模块被用于和浏览器所访问的页面记录交互。你可以添加、删除、查询浏览器的历史记录。

5.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": [
"history"
],
...
}

6、插件管理

chrome.management 模块提供了管理已安装和正在运行中的扩展或应用的方法。对于重写内建的新标签页的扩展尤其有用。

要使用这个API，您必须在扩展清单文件中 中对授权。

6.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": [ "management" ],
...
}

7、标签

chrome标签模块被用于和浏览器的标签系统交互。此模块被用于创建，修改，重新排列浏览器中的标签。

7.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": [
"tabs"
],
...
}

8、视窗

使用chrome.windows模块与浏览器视窗进行交互。 你可以使用这个模块在浏览器中创建、修改和重新排列视窗。

8.1、manifest.json 中配置

{
"name": "My extension",
...
"permissions": ["tabs"],
...
}

参考资源：

chrome extensions：https://developer.chrome.com/extensions/index.html chrome扩展程序，非官方中文版：https://crxdoc-zh.appspot.com/extensions/index.html 360急速浏览器应用开放平台：http://open.chrome.360.cn/extension_dev/overview.html