輕鬆實現網頁中通過鏈接跳轉到QQ聊天界面，通過鏈接加QQ羣，自動打開聊天對話框等等，包含電腦版和手機版的實現，示例部分Android和iOS的代碼

通過鏈接打開對話框：

打開qq聊天窗口的方法

<a href="http://wpa.qq.com/msgrd?v=3&uin=1450612626&site=qq&menu=yes">打開qq聊天框</a>

打開qq羣窗口的方法

<a href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=419834979&card_type=group&source=qrcode">打開qq羣</a>

打開手機短信方法

<a href="sms:10086">send</a>

發送內容的時候

安卓   <a href="sms:10086?body=send info"></a>

蘋果  <a href="sms:10086&bode=send info"></a>

電腦端：

http://wpa.qq.com/msgrd?v=3&uin=QQ號碼&site=qq&menu=yes  
eg：http://wpa.qq.com/msgrd?v=3&uin=1186154608&site=qq&menu=yes  

Android：

String url=“mqqwpa://im/chat?chat_type=wpa&uin=11111111”;
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));

iOS:

UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero];
NSURL *url = [NSURL URLWithString:@“mqq://im/chat?chat_type=wpa&uin=11111111&version=1&src_type=web”];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
webView.delegate = self;
[webView loadRequest:request];
[self.view addSubview:webView];

手機版方法一：

首先度大家可以用手機QQ點擊：http //wpa qq com/msgrd?v=3&uin=574201314&site=oicqzone.com&menu=yes
是不是可以用手機QQ跟小編強行聊天了呢？問
既然電腦上有tencent://協議，那麼手機上一定也有吧，抓包分析了一下：
scheme = “mqqwpa //im/chat?chat_type=wpa&uin=” + g.tuin + “&version=1&src_type=web&web_src=” + host;
是的，具體的是：mqqwpa //im/chat?chat_type=wpa&uin=574201314&version=1，點擊答試一下？

手機版方法二：

實現在手機瀏覽器中點擊連接自動跳百轉QQ的方法如下（以華爲p20pro手機的設置app爲例）：
1、打開設置，點擊界面上方的搜索按鈕。
2、隨後輸入啓動按鈕，點擊應用啓度用管理。
3、找到QQ，先打回開開關，隨後再點擊關閉。
4、在接着自動打開的對話框中點擊開啓允許關聯啓動按鈕，隨後即可實現瀏答覽器點擊鏈接QQ自動被關聯啓動，進入聊天界面的效果了。

通過鏈接加QQ羣：

1、官方提供的幾種加羣的鏈接

官方的加羣代碼的獲取前提是我們具有權限（也就是羣主或管理權限）

2、首先我們需要通過此鏈接：https://qun.qq.com/join.html 去QQ羣官網，一鍵加羣

a 、進入該頁面之後，我們登錄自己的qq賬號，選擇要創建一鍵加羣的羣

b、這以下部分獲取頁面代碼、iphone代碼、andriod代碼、二維碼

以上3部分爲別是前端、ios、安卓開發是的代碼

3、以上3 種方式都是可以轉化成 a 鏈接 ；

第一種網頁代碼：http://shang.qq.com/wpa/qunwpa?idkey=；

這個頁面代碼可以用於普通的pc網頁代碼 ； 當用於他移動端時，會出現一下的樣子 （此時有時不一定真的是版本太低，也有可能是網絡限制、手機系統、型號的問題【具體的原因，若感興趣，可以去深入探究】）

第二種 iphone代碼 ： 它看起來並不適用於網頁，但是仔細一看，稍加修改，他還是可以轉化爲a連接，並應用於網頁

注意：和值，請注意替換成箭頭所指的馬賽克位置的代碼。

mqqapi://card/show_pslcard?src_type=internal&version=1&uin=&key=&card_type=group&source=external （將該代碼作爲a標籤的鏈接）

第三種 andriod 代碼 ：

注意：值，請注意替換成箭頭所指的馬賽克位置的代碼。

mqqopensdkapi://bizAgent/qm/qr?url=http%3A%2F%2Fqm.qq.com%2Fcgi-bin%2Fqm%2Fqr%3Ffrom%3Dapp%26p%3Dandroid%26k%3D

注意：
1、 iphone和Android版的兩個鏈接，雖然看起來差別較大，其實在移動端都是通用的。

2、Android版的代碼，在iphone手機上會先展示一個掃描二維碼的空操作。但在Android機 上，並沒有掃描二維碼的動作出現

如果你還是對這個功能不放心，你可以先做一個系統判斷，再根據體統來分別給上各自的代碼。

自動打開聊天對話框：

自動彈出對話框

我們在網頁中放置一個框架，然後框架的地址就是上面的那段代碼，當網頁加載的時候就會自動去訪問這個地址，於是就會自動彈出QQ聊天窗口，當然我們需要設置這個框架不顯示，不能讓用戶看到。

<iframe style="display:none;" src="tencent://message/?uin=1278230143&Site=&menu=yes"></iframe>

設置多個客服QQ

針對企業中有多個客服的情況，爲了客服直接合理分配接待。剛剛也研究出了一套解決方案就是預設多個客服QQ，然後給訪客隨機彈出一個客服QQ的對話框！當然這個適合於企業，對於個人站長就沒必要了。

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    qq_list = new Array('1278230143', '353207542');
    //隨機
    qq_i = Math.floor(Math.random()*qq_list.length);
    src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
})
</script>

延時彈出對話框

有不少客戶問我如何設置訪客打開頁面後10秒再彈出，再次研究更新了這個彈出，確實找到的方法可設置10秒後彈出！這樣可以一定程度上提升用戶體驗，同時讓訪客先看看網站的優質服務能夠有效地提升客戶對產品的認可度，進而提升客戶主動溝通的機會！

<iframe style="display:none;" class="qq_iframe" src=""></iframe>
<script>
$(function(){
    setTimeout(function(){
        qq_list = new Array('1278230143', '353207542');
        //隨機
        qq_i = Math.floor(Math.random()*qq_list.length);
        src = "tencent://message/?uin="+qq_list[qq_i]+"&Site=&menu=yes";
    
        $('.qq_iframe').attr('src', "tencent://message/?uin="+src+"&Site=&menu=yes")
    }, 10000)
})
</script>