Chrome插件开发 – 浏览器交互
本文由发表于4年前 | Javascript | 评论数 1 |  被围观 7,299 views+
1、书签1.1、manifest.json 中配置对象和属性例子2、Cookies2.1、manifest.json 中配置3、开发者工具3.1、manifest.json 中配置4、Events5、浏览历史5.1、manifest.json 中配置6、插件管理6.1、manifest.json 中配置7、标签7.1、manifest.json 中配置8、视窗8.1、manifest.json 中配置
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
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/chrome-plugin-development-browser-interaction.html
arthinking Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2013 6/4
文章评论
    一条评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 CountDownLatch的介绍和使用 2012/7/30
2 使用masm for windows编译并跟踪调试程序 2011/4/14
3 Caused by java.sql.BatchUpdateException Data too long for column ‘type_visible’ at row 1 2011/7/28
4 Java Web笔记 – JSP的工作原理介绍 Servlet与JSP之间的转换关系 2011/11/9
5 ExtJS概述及其开发环境的搭建及遇到的Spket安装问题 缺少ext.jsb文件 2011/7/23
6 Java基础笔记 – 数组 二维数组 三维数组 Arrays类 2011/10/29
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.