9年網站建設經驗,寧波地區著名的網站建設公司!24小時咨詢熱線:137 3217 3747
   寧波總部  |  臺州  |  溫州  |  紹興
您的位置南粤36选7: >> 網站建設 >> 寧波網頁設計 網絡營銷  |   寧波網站建設  |   網站優化  |   寧波網頁設計  |   我們觀點  |  
怎么解決手機網站微信內置瀏覽器安卓版 tel 電話號碼 撥號鏈接失效
作者://www.aeipo.com  來源:寧波網絡公司/寧波網站建設——三樂設計  發布時間:2013-12-02  閱讀次數:4942 【關閉本頁】

在URL最后面加“ #mp.weixin.qq.com ”,應該加其他qq.com的二級域名都行,估計是微信的安卓內置瀏覽器是根據域名判斷是否屏蔽tel:的。

例如:聯系方式的URL是 //www.aeipo.com/contact.asp 改成 //www.aeipo.com/contact.asp#mp.weixin.qq.com,那么這個頁面里面所有的 tel:標簽都正常了


另外一種方法就是用wxtel.js和jquery-2.0.3.min.js二個js 文件

網頁頭部添加鏈接用utf8編碼


下面是wxtel.js

var localhost_url=window.location.href;
    var flg_weixin = /(MicroMessenger)/i.test(navigator.userAgent);

    var flg_ios = /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
if (flg_weixin && !flg_ios) { 
if (localhost_url.indexOf("mp.weixin.qq.com") == -1){
  if (localhost_url.indexOf('?') != -1) {
   var goto_url=localhost_url + '&woaibeijingtiananmen=mp.weixin.qq.com';
  window.open(goto_url,'_self');
                        } else {
 var goto_url=localhost_url + '?woaibeijingtiananmen=mp.weixin.qq.com';
      window.open(goto_url,'_self');
                        }
}
}
$(function () {
    var flg_weixin = /(MicroMessenger)/i.test(navigator.userAgent);

    var flg_ios = /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);

    if (flg_weixin && !flg_ios) {
        $('body').on('click', 'a', function (e) {
            var url = $(this).attr('href');
            if (url) {
                if (url.indexOf('tel:') == 0) {

                } else {
                    var new_url = url.replace('//', '').toLowerCase();
     //alert(new_url.indexOf('/'));
                    if (new_url.indexOf(location.host) == -1 || new_url.indexOf('/') == -1) {                    
     //alert("123");
                        e.preventDefault();
      
                        if (new_url.indexOf('?') != -1) {
       
                            window.location.replace($(this).attr('href') + '&woaibeijingtiananmen=mp.weixin.qq.com');
                        } else {
                            window.location.replace($(this).attr('href') + '?woaibeijingtiananmen=mp.weixin.qq.com');
                        }
                        return false;
                    }
                }
            }
        });
    }
});<script type="text/javascript" src="js/jquery-2.0.3.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/weiba.js" charset="utf-8"></script>

責任編輯:南粤36选7      

上一篇:沒有 下一篇:手機網站建設時如何判斷微信內置瀏覽器  [2013-12-02]

  相關文章
  工商銀行滿意度有獎調查問卷設計方案成品 [2013-01-05]   浙江大學寧波理工學院文明寢室建設專題網站… [2013-01-05]
  寧波某家俬網上商城網站設計圖 [2013-01-12]   設計師的福音快速瀏覽全球網站Hosts文件 [2013-04-09]
  手機網站建設時如何判斷微信內置瀏覽器 [2013-12-02]
  網絡營銷  
  設計當中的OPP卡頭袋的設計…
  2014年1月21日大量網站域名…
  2014年1月百度更新新版首頁…
  寧波網站建設淺談微信5.0正…
  微信公眾平臺開發api消息接…
  360搜索之360百科服務啟用…
  雅虎新版主頁支持主流各大…
  寧波網站建設  
  程序員考慮的WampServer修…
  微信接口完整代碼php版
  手機網站綁定微信接口代碼…
  一點手機網站設計的經驗之…
  淘寶店鋪設計之導航CSS代碼…
  三樂設計網絡公司管理員淺…
  網站建設中JS單選,多選框…
  網站優化  
  淺談寧波網站建設中的微信…
  優化網站必須設計404錯誤頁…
  揭秘最新百度更新規律
  SEO排名步驟
  體驗SEO內部優化結構的方法…
  揭秘網站天天被收錄的3大招…
  企業網站中適合應用h1,h2,…
  寧波網頁設計  
  怎么解決手機網站微信內置…
  手機網站建設時如何判斷微…
  設計師的福音快速瀏覽全球…
  寧波某家俬網上商城網站設…
  浙江大學寧波理工學院文明…
  工商銀行滿意度有獎調查問…
  清潔機器人iRobot網站設計…
{ganrao}