QQ群查看器

QQ群查看器，打开QQ群空间，QQ空间或者WebQQ,然后单击那个图标就可以提取QQ群了。

谷歌插件安装教程：

打开 Chrome 浏览器的扩展程序，chrome://extensions/

拖动get_qq_group_list-1.0.crx 文件到 扩展程序这个页面就可以安装了

安装完成之后，会在chrome浏览器右上角会出现一个图标

部分原理介绍：

由于获取QQ群列表需要在QQ页面执行 Javascript 代码，所以就需要向QQ页面注入Javascript代码并执行。Chome提供了一个chrome.tabs.executescript() 方法动态地向页面注入JavaScript脚本并执行。

用于在QQ页面执行码在get_group_list.js中，在此之前，我们还需要知道，如何获取用户所加的QQ群。当然，QQ用户需要先加入几个群，总得有群才能获取吧。呵呵。随便打开一个QQ群空间。在页面顶端就可以查看到用户所加的群。用Fiddler http调试工具抓取http包。分析得到

http://qun.qzone.qq.com/cgi-bin/get_group_list?callbackFun=_GetGroup&uin=453867443&random=0.18549695408314274&g_tk=1705493508

服务器返回json格式的数据，包含了用户所加的群信息。上面的地址中g_tk是一个关键的参数，没有这个参数获取不到数据。计算这个参数的代码在QQ群空间的页面中。

获取到了数据之后，就要把数据传回给扩展了，chrome提供了一个chrome.extension.sendRequest() 方法，可以向扩展发送消息。详细参数及用法参考：

在扩展中需要定义一个监听器，以便监听页面发来的消息。

//popup.js
chrome.extension.onRequest.addListener(function(obj){
    //显示群列表
    show_group_list(obj);
});

 显示获取到的数据就很简单了，会点html，css，javascript都会做的。不再说了。程序有个缺陷，只能在打开的QQ空间，QQ群空间，WebQQ页面下才能获取到数据，具体是因为需要用的这些页面的Cookie。

运行截图: