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。

運行截圖: