微信跳转手机默认浏览器提示的实现方式

前提

今天下午在JS前端群里有人问了一个问题:

在微信浏览器中,window.location.href这个跳转方法不能用吗?在安卓手机试过了不行,但是ios可以,这是为什么?

以下是后续的问题说明:

用本地在手机浏览器中可以,但是在微信中不行,ios没问题的,只有安卓有问题。

在安卓手机上的浏览器可以访问,但是微信浏览器就不行。

本地测试是没问题,而且用微信开发者工具测试也是没有问题的。

问题代码如下:

因为我本身就是做微信公众号的页面开发,所以经常会处理页面之间的跳转问题,从来都没有碰到这种情况,所以果断回复:在微信的内置浏览器中,对于安卓手机来说,window.location.href这个方法肯定可以用,没有任何问题。

问题分析

由于这个问题的特殊性,我只好去百度找答案了,搜索关键词:window.location.href方法在微信内置浏览器中跳转失效的问题。

百度到的方法都如出一辙:

在window.location=url后面加上一个时间戳,即动态获取的一个时间参数。

即,将window.location=url改为window.location=url?+时间参数

//以下添加时间戳的方法,经过她本人测试后还是无法解决。

window.location.href = url +'?v='+ (new Date().getTime())

//不兼容安卓,增加时间或随机数

window.location.href = url +'?timestamp='+ new Date().getTime()+Math.random();

一:代码

二:工具 

随着微信的越来越大众化,微信的使用程度也越来越高。随之,产生了一种新的推广模式,即微信推广。在这个微信的大平台上会衍生出许许多多的推广手段。而移动前端作为服务于手机用户的手机网页技术,也不可避免的加入进来。一些客户不仅仅满足于自己的网站可以在微信端上完美的展现出来(因为微信大面积屏蔽掉了众多推广营销的域名),同时还要求可以在微信中进行广泛推广。这就要求移动前端的制作者在制作移动端网站的过程中,还要考虑是否兼容微信的推广。就制作技术而言,如果可以完美的在手机浏览器中显示,这个问题怎么解决呢

解决方案:

1、打开旋风微跳网址:http://www.zjychina.cn

2、准备好我们的推广链接:实例如:www.baidu.com在输入框填写你的下载链接,填写完毕后。点击生成按钮

3、点击生成之后,就会看到底部生成了自己的推广二维码以及短网址链接地址。   

至此,我们已经生成了APP推广链接的宣传二维码和链接。 我们就可以直接用微信扫描二维码在微信中分享和宣传引流了。这样我们能够极大的提高自己的APP在微信中的推广转化率。解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。





你可能感兴趣的:(微信跳转手机默认浏览器提示的实现方式)