9年网站建设经验,宁波地区著名的网站建设公司!24小时咨询热线:137 3217 3747
   宁波总部  |  台州  |  温州  |  绍兴
您的位置首页: >> 网站建设 >> 宁波网页设计 网络营销  |   宁波网站建设  |   网站优化  |   宁波网页设计  |   我们观点  |  
怎么解决手机网站微信内置浏览器安卓版 tel 电话号码 拨号链接失效
作者:http://www.sl99.net  来源:宁波网络公司/宁波网站建设——三乐设计  发布时间:2013-12-02  阅读次数:4375 【关闭本页】

在URL最后面加“ #mp.weixin.qq.com ”,应该加其他qq.com的二级域名都行,估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的。

例如:联系方式的URL是 http://www.sl99.net/contact.asp 改成 http://www.sl99.net/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('http://', '').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>

责任编辑:宁波网站建设      

上一篇:没有 下一篇:手机网站建设时如何判断微信内置浏览器  [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网站设计…