瀏覽器喚起qq進行聊天的一些坑和解決方案 - 小裂變

Charles 發布于2019-08-01 15:45 / 1906人閱讀

摘要：在手機端瀏覽器中也會存在類似于中的情況網頁內嵌到自開發的中，需要喚起時也會出現類似與的情況。由于瀏覽器在蘋果手機端使用率很高，應業務需求，就不得不為它找一種另外的方式。

小裂變-微信生態用戶裂變增長專家
小裂變官網：www.xiaoliebian.com
首創微信生態一體化裂變運營，公眾號裂變、小程序裂變、社群裂變、個人號裂變

說明

從瀏覽器喚起QQ進行聊天，是很多公司或者企業會用到的一種客服方式，然而很多時候，一些手機端瀏覽器并不支持直接跳轉到QQ，或者不支持從App內嵌的網頁中跳轉到QQ頁面。

正文

針對跳轉喚起QQ，QQ推廣的官方網站http://shang.qq.com/v3/index....，只需要掃描登錄需要被喚起的QQ號，就可以生成一段代碼如下所示：

這里的數字“123456789”就是需要被喚起的QQ號碼。

應用這種方式，可以在大部分的瀏覽器中喚起QQ客戶端，并定位到聊天頁面，只是以下幾種情況中這種方式會失效：

蘋果手機自帶的 Safari 瀏覽器會提示是否在AppStore中打開鏈接，如果選擇是就會直接跳轉到App Store 中，然后才能跳轉到QQ，但是兩次跳轉會丟失參數，導致不能打開需要聊天的對象。

在手機端Google瀏覽器中也會存在類似于 1 中的情況

網頁內嵌到自開發的App中，需要喚起QQ時也會出現類似與 1 的情況。

由于Safari瀏覽器在蘋果手機端使用率很高，應業務需求，就不得不為它找一種另外的方式。

通過了解，發現app之間的聯系可以通過一種叫做深度鏈接的技術解決，所謂的深度鏈接就是繞過網站的首頁直接鏈接道分頁的一種鏈接技術，具體想要了解的可以看看LinkedMe上的一片博文https://www.linkedme.cc/blog/...。

深度鏈接中的一個解決方案就是定義一個新的URL Scheme ,這個URL Scheme可以通過特定的URI方式傳遞參數給另一個APP，從而改變App之間獨立不通信的局面。

多帶帶說倒喚起QQ，或者解決Safari瀏覽器不能喚起QQ的問題，可以使用如下的URI：

mqqwpa://im/chat？chat_type=wpa&uin=123456789&version=1&src_type=web&web_src=oicqzone.com

其中數字“123456789”同樣的是需要被喚起的QQ。

123456789

通過多次測試，我整理出如下手機端瀏覽器喚起QQ的各種不同情況（其中no代表測試不成功，ok代表測試成功）：

這里需要提到一點，將URL Scheme 的方案用于電腦的各種瀏覽器從而去喚起QQ是不起任何效果，因為URL Scheme是專門為解決APP之間孤立的情況而提出來的，并不適用于電腦應用，但是在電腦端可以使用QQ推廣給出的的方案。

知道了如何解決App跳轉到QQ的方法，但是很多時候我們希望有一種通用的辦法可以解決上述幾種情況，保證在大多數瀏覽器（包括電腦瀏覽器）只需要一套代碼就可以解決問題。

我個人通過判斷瀏覽器的userAgent區分手機端瀏覽器還是電腦端瀏覽器，然后為它們分別提供不同的方案：

HTML代碼

111111111111

JavaScript代碼

window.onload = function () {

    var as = document.getElementsByTagName("a");

    var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin=381232999&site=oicqzone.com&menu=yes";
    var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin=381232999&version=1&src_type=web&web_src=oicqzone.com";

    for (var i = 0, len = a.length; i < len; i++) {

        if (as[i].hasAttribute("data-qq")) {

            as[i].onclick = (function (i) {

                return function (e) {

                    var kefu = e.target ? e.target.getAttribute("data-qq") : e.srcElement.getAttribute("data-qq");

                    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {

                        window.open(kefu102);
                    }else {
window.open(kefu101);
                    }
                }
            })(i);
        }
    }
};

這套方案中，手機端使用URL Scheme，電腦端使用QQ推廣的方案。

個人微信：zmx119966（歡迎來交流）

GPU云服務器云服務器 ddos一些比較小的網站裂變小程序小程序裂變裂變式小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50093.html

瀏覽器喚起qq進行聊天的一些坑和解決方案 - 小裂變

摘要：在手機端瀏覽器中也會存在類似于中的情況網頁內嵌到自開發的中，需要喚起時也會出現類似與的情況。由于瀏覽器在蘋果手機端使用率很高，應業務需求，就不得不為它找一種另外的方式。小裂變-微信生態用戶裂變增長專家小裂變官網：www.xiaoliebian.com 首創微信生態一體化裂變運營，公眾號裂變、小程序裂變、社群裂變、個人號裂變說明從瀏覽器喚起QQ進行聊天，是很多公司或者企業會用到的...

shiina 2019-08-21 14:31 評論0 收藏0
js在微信、微博、QQ、Safari喚起App的解決方案

摘要：之前，下的微信支持這種喚起方式，但是從年月日之后，微信把這個給屏蔽了不管微信基于什么原因，把下這種最便捷的喚起方式屏蔽，我們能做的只能是適應了。微博微博目前還支持喚起，我們只需要考慮未下載的情況。背景最近在做微信、QQ、微博中使用js喚起App，之前也做過類似的功能，不過比較粗糙，考慮的情況不太全，而且那已經是很久之前的事情了，很多技術都已過時，現在有體驗更好，功能更加完善的喚起技...

oliverhuang 2019-08-01 18:25 評論0 收藏0
js在微信、微博、QQ、Safari喚起App的解決方案

摘要：之前，下的微信支持這種喚起方式，但是從年月日之后，微信把這個給屏蔽了不管微信基于什么原因，把下這種最便捷的喚起方式屏蔽，我們能做的只能是適應了。微博微博目前還支持喚起，我們只需要考慮未下載的情況。背景最近在做微信、QQ、微博中使用js喚起App，之前也做過類似的功能，不過比較粗糙，考慮的情況不太全，而且那已經是很久之前的事情了，很多技術都已過時，現在有體驗更好，功能更加完善的喚起技...

tuantuan 2019-08-22 13:57 評論0 收藏0
淺析微信支付：商戶平臺開通現金紅包、指定用戶發放、紅包記錄查詢

摘要：本文是淺析微信支付系列文章的第十三篇，主要講解在如何開通商戶平臺的紅包功能和為用戶發放紅包，以及查詢發送紅包記錄。操作路徑登錄微信支付商戶平臺產品中心現金紅包開通。本文是【淺析微信支付】系列文章的第十三篇，主要講解在如何開通商戶平臺的紅包功能和為用戶發放紅包，以及查詢發送紅包記錄。淺析微信支付系列已經更新十三篇了喲～，沒有看過的朋友們可以看一下哦。淺析微信支付：(余額提現)企業...

fizz 2019-08-16 13:43 評論0 收藏0