浏览器判断是否安装APP【转】

桃扇骨 2022-10-07 13:59 615阅读 0赞

# 1 前言 #

真是做到老学到老，在不断的学习中成长。

最近接触到了Dynamic Links技术，头脑一热出现了一个平时经常遇到的情况（浏览器判断是否安装APP），这个触及到了自己的知识盲点，于是网上查了查资料，发现了这篇文章，这里记录学习一下：[https://www.niwoxuexi.com/blog/php/article/415.html][https_www.niwoxuexi.com_blog_php_article_415.html]

# 2 内容 #

前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。

因为从来没有做过这个需求，因此这注定是一个苦逼的调研过程。

我们最开始就**面临2个问题：一是如何唤起本地app，二是如何判断浏览器是否安装了对应app。**

## 2.1 如何唤起本地app ##

首先，**想要实现这个需求，肯定是必须要客户端同学的配合才行**，因此我们不用知道所有的实现细节，我们从前端角度思考看这个问题，需要知道的一点是，**ios与Android都支持一种叫做schema协议的链接**。比如网易新闻客户端的协议为

newsapp://xxxxx

当然，这个协议不需要我们前端去实现，我们只需要将协议放在a标签的href属性里，或者使用location.href与iframe来实现激活这个链接。而location.href与iframe是解决这个需求的关键。

在ios中，还支持通过`smart app banner`来唤起app，即通过一个meta标签，在标签里带上app的信息，和打开后的行为，代码形如

<table> 
 <tbody> 
 <tr> 
 <td> <code>&lt;</code><code>meta</code>&nbsp;<code>name</code><code>=</code><code>"apple-itunes-app"</code>&nbsp;<code>content</code><code>=</code><code>"app-id=1023600494,&nbsp;app-argument=tigerbrokersusstock://com.tigerbrokers.usstock/post?postId=7125"</code>&nbsp;<code>/&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

我们还需要知道的一点是，**微信里屏蔽了schema协议**。**除非你是微信的合作伙伴之类的，他们专门给你配置进白名单。否则我们就没办法通过这个协议在微信中直接唤起app。**

因此我们会判断页面场景是否在微信中，如果在微信中，则会提示用户在浏览器中打开。

## 2.2 如何判断本地是否安装了app ##

首先我们可以确认的是，在浏览器中无法明确的判断本地是否安装了app。因此我们必须采取一些取巧的思路来解决这个问题。

我们能够很容易想到，采用设置一个延迟定时器setTimeout的方式，第一时间尝试唤起app，如果200ms没有唤起成功，则默认本地没有安装app，200ms以后，将会触发下载行为。

结合这个思路，我们来全局考虑一下这个需求应该采用什么样的方案来实现它。

使用location.href的同学可能会面临一个担忧，在有的浏览器中，当我们尝试激活schema link的时候，若本地没有安装app，则会跳转到一个浏览器默认的错误页面去了。因此大多数人采用的解决方案都是使用iframe

**![259b83a03e964a9b49b421e006447a78.gif][]测试了很多浏览器，没有发现过这种情况**

后来观察了网易新闻，今日头条，YY等的实现方案，发现大家都采用的是iframe来实现。好吧，面对这种情况，只能屈服。

整理一下目前的思路，得到下面的解决方案

<table> 
 <tbody> 
 <tr> 
 <td> <code>var&nbsp;url&nbsp;=&nbsp;{ </code> <code>&nbsp;&nbsp;</code><code>open:&nbsp;'app://xxxxx',</code> <code>&nbsp;&nbsp;</code><code>down:&nbsp;'xxxxxxxx'</code> <code>};</code> <code>var&nbsp;iframe&nbsp;=&nbsp;document.createElement('iframe');</code> <code>var&nbsp;body&nbsp;=&nbsp;document.body;</code> <code>iframe.style.cssText='display:none;width=0;height=0';</code> <code>var&nbsp;timer&nbsp;=&nbsp;null;</code> <code>&nbsp;</code>&nbsp; <code>//&nbsp;立即打开的按钮</code> <code>var&nbsp;openapp&nbsp;=&nbsp;document.getElementById('openapp');</code> <code>openapp.addEventListener('click',&nbsp;function()&nbsp;{ </code> <code>&nbsp;&nbsp;</code><code>if(/MicroMessenger/gi.test(navigator.userAgent)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;引导用户在浏览器中打开</code> <code>&nbsp;&nbsp;</code><code>})&nbsp;else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>body.appendChild(iframe);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>iframe.src&nbsp;=&nbsp;url.open;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>timer&nbsp;=&nbsp;setTimeout(function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>wondow.location.href&nbsp;=&nbsp;url.down;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>},&nbsp;500);</code> <code>&nbsp;&nbsp;</code><code>}</code> <code>},&nbsp;false)</code> </td> 
 </tr> 
 </tbody> 
</table>

想法很美好，现实很残酷。一测试，就发现简单的这样实现有许多的问题。

### 2.2.1 第一个问题在于 ###

当页面成功唤起app之后，我们再切换回来浏览器，发现跳转到了下载页面。

为了解决这个问题，发现各个公司都进行了不同方式的尝试。

也是历经的很多折磨，发现了几个比较有用的事件。

pageshow： 页面显示时触发，在load事件之后触发。需要将该事件绑定到window上才会触发

pagehide: 页面隐藏时触发

visibilitychange： 页面隐藏没有在当前显示时触发，比如切换tab，也会触发该事件

document.hidden 当页面隐藏时，该值为true，显示时为false

由于各个浏览器的支持情况不同，我们需要将这些事件都给绑定上，即使这样，也不一定能够保证所有的浏览器都能够解决掉这个小问题，实在没办法的事情就不管了。

因此需要扩充一下上面的方案，当本地app被唤起，则页面会隐藏掉，就会触发pagehide与visibilitychange事件

<table> 
 <tbody> 
 <tr> 
 <td> <code>$(document).on('visibilitychange&nbsp;webkitvisibilitychange',&nbsp;function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;tag&nbsp;=&nbsp;document.hidden&nbsp;||&nbsp;document.webkitHidden;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(tag)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>clearTimeout(timer);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>})</code> <code>&nbsp;</code>&nbsp; <code>$(window).on('pagehide',&nbsp;function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>clearTimeout(timer);</code> <code>})</code> </td> 
 </tr> 
 </tbody> 
</table>

### 2.2.2 IOS9+ **不支持通过iframe跳转** ###

而另外一个问题就是IOS9+下面的问题了。**ios9的Safari，根本不支持通过iframe跳转到其他页面去。**也就是说，在safari下，我的整体方案被全盘否决！

于是我就只能尝试使用location.href的方式，这个方式能够唤起app，但是有一个坑爹的问题，使用schema协议唤起app会有弹窗而不会直接跳转去app！甚至当本地没有app时，会被判断为链接无效，然后还有一个弹窗。

这个弹窗会造成什么问题呢？如果用户不点确认按钮，根据上面的逻辑，这个时候就会发现页面会自动跳转到下载去了。而且无效的弹窗提示在用户体验上是不允许出现的。

好吧，继续扒别人的代码，看看别人是如何实现的。然后我又去观摩了其他公司的实现结果，发现网易新闻，今日头条都可以在ios直接从微信中唤起app。真是神奇了，可是今日头条在Android版微信上也没办法直接唤起的，他们在Android上都是直接到腾讯应用宝的下载里去。所以按道理来说这不是添加了白名单。

为了找到这个问题的解决方案，我在网易新闻的页面中扒出了他们的代码，并整理如下，添加了部分注释

<table> 
 <tbody> 
 <tr> 
 <td> <code>&nbsp;</code>&nbsp; <code>window.NRUM&nbsp;=&nbsp;window.NRUM&nbsp;||&nbsp;{};</code> <code>window.NRUM.config&nbsp;=&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>key:'27e86c0843344caca7ba9ea652d7948d',</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>clientStart:&nbsp;+new&nbsp;Date()</code> <code>};</code> <code>(function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;n&nbsp;=&nbsp;document.getElementsByTagName('script')[0],</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s&nbsp;=&nbsp;document.createElement('script');</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s.type&nbsp;=&nbsp;'text/javascript';</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s.async&nbsp;=&nbsp;true;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>s.src&nbsp;=&nbsp;'//nos.netease.com/apmsdk/napm-web-min-1.1.3.js';</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>n.parentNode.insertBefore(s,&nbsp;n);</code> <code>})();</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;</code>&nbsp; <code>;</code> <code>(function(window,doc){ </code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;<a href="http://apm.netease.com/manual?api=web" rel="nofollow">http://apm.netease.com/manual?api=web</a></code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>NRUM.mark&nbsp;&amp;&amp;&nbsp;NRUM.mark('pageload',&nbsp;true)</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;list&nbsp;=&nbsp;[]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;config&nbsp;=&nbsp;null</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;jsonp</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>function&nbsp;jsonp(a,&nbsp;b,&nbsp;c)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;d;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>d&nbsp;=&nbsp;document.createElement('script');</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>d.src&nbsp;=&nbsp;a;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>c&nbsp;&amp;&amp;&nbsp;(d.charset&nbsp;=&nbsp;c);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>d.onload&nbsp;=&nbsp;function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>this.onload&nbsp;=&nbsp;this.onerror&nbsp;=&nbsp;null;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>this.parentNode.removeChild(this);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>b&nbsp;&amp;&amp;&nbsp;b(!0);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>d.onerror&nbsp;=&nbsp;function()&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>this.onload&nbsp;=&nbsp;this.onerror&nbsp;=&nbsp;null;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>this.parentNode.removeChild(this);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>b&nbsp;&amp;&amp;&nbsp;b(!1);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.head.appendChild(d);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>function&nbsp;localParam(search,hash){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>search&nbsp;=&nbsp;search&nbsp;||&nbsp;window.location.search;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>hash&nbsp;=&nbsp;hash&nbsp;||&nbsp;window.location.hash;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;fn&nbsp;=&nbsp;function(str,reg){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(str){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;data&nbsp;=&nbsp;{};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>str.replace(reg,function(&nbsp;$0,&nbsp;$1,&nbsp;$2,&nbsp;$3&nbsp;){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>data[&nbsp;$1&nbsp;]&nbsp;=&nbsp;$3;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>});</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return&nbsp;data;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return&nbsp;{search:&nbsp;fn(search,new&nbsp;RegExp(&nbsp;"([^?=&amp;]+)(=([^&amp;]*))?",&nbsp;"g"&nbsp;))||{},hash:&nbsp;fn(hash,new&nbsp;RegExp(&nbsp;"([^#=&amp;]+)(=([^&amp;]*))?",&nbsp;"g"&nbsp;))||{}};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>jsonp('<a href="http://active.163.com/service/form/v1/5847/view/1047.jsonp" rel="nofollow">http://active.163.com/service/form/v1/5847/view/1047.jsonp</a>')</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.search&nbsp;=&nbsp;localParam().search</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window._callback&nbsp;=&nbsp;function(data)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window._callback&nbsp;=&nbsp;null</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>list&nbsp;=&nbsp;data.list</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(search.s&nbsp;&amp;&amp;&nbsp;!!search.s.match(/^wap/i))&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>config&nbsp;=&nbsp;list.filter(function(item){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return&nbsp;item.type&nbsp;===&nbsp;'wap'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>})[0]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>config&nbsp;=&nbsp;list.filter(function(item){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return&nbsp;item.type&nbsp;===&nbsp;search.s</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>})[0]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isAndroid&nbsp;=&nbsp;!!navigator.userAgent.match(/android/ig),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isIos&nbsp;=&nbsp;!!navigator.userAgent.match(/iphone|ipod/ig),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isIpad&nbsp;=&nbsp;!!navigator.userAgent.match(/ipad/ig),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isIos9&nbsp;=&nbsp;!!navigator.userAgent.match(/OS&nbsp;9/ig),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isYx&nbsp;=&nbsp;!!navigator.userAgent.match(/MailMaster_Android/i),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isNewsapp&nbsp;=&nbsp;!!navigator.userAgent.match(/newsapp/i),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isWeixin&nbsp;=&nbsp;(/MicroMessenger/ig).test(navigator.userAgent),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isYixin&nbsp;=&nbsp;(/yixin/ig).test(navigator.userAgent),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>isQQ&nbsp;=&nbsp;(/qq/ig).test(navigator.userAgent),</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>params&nbsp;=&nbsp;localParam().search,</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;'newsapp://',</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>iframe&nbsp;=&nbsp;document.getElementById('iframe');</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isIDevicePhone&nbsp;=&nbsp;(/iphone|ipod/gi).test(navigator.platform);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isIDeviceIpad&nbsp;=&nbsp;!isIDevicePhone&nbsp;&amp;&amp;&nbsp;(/ipad/gi).test(navigator.platform);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isIDevice&nbsp;=&nbsp;isIDevicePhone&nbsp;||&nbsp;isIDeviceIpad;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isandroid2_x&nbsp;=&nbsp;!isIDevice&nbsp;&amp;&amp;&nbsp;(/android\s?2\./gi).test(navigator.userAgent);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;isIEMobile&nbsp;=&nbsp;!isIDevice&nbsp;&amp;&amp;&nbsp;!isAndroid&nbsp;&amp;&amp;&nbsp;(/MSIE/gi).test(navigator.userAgent);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;android_url&nbsp;=&nbsp;(!isandroid2_x)&nbsp;?&nbsp;"<a href="http://3g.163.com/links/4304" rel="nofollow">http://3g.163.com/links/4304</a>"&nbsp;:&nbsp;"<a href="http://3g.163.com/links/6264" rel="nofollow">http://3g.163.com/links/6264</a>";</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;ios_url&nbsp;=&nbsp;"<a href="http://3g.163.com/links/3615" rel="nofollow">http://3g.163.com/links/3615</a>";</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;wphone_url&nbsp;=&nbsp;"<a href="http://3g.163.com/links/3614" rel="nofollow">http://3g.163.com/links/3614</a>";</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;channel&nbsp;=&nbsp;params.s&nbsp;||&nbsp;'newsapp'</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;判断在不同环境下app的url</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(params.docid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(params['boardid']&nbsp;&amp;&amp;&nbsp;params['title']){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'comment/'&nbsp;+&nbsp;params.boardid&nbsp;+&nbsp;'/'&nbsp;+&nbsp;params.docid&nbsp;+&nbsp;'/'&nbsp;+&nbsp;params.title</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'doc/'&nbsp;+&nbsp;params.docid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.sid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'topic/'&nbsp;+&nbsp;params.sid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.pid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;pid&nbsp;=&nbsp;params.pid.split('_')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'photo/'&nbsp;+&nbsp;pid[0]&nbsp;+&nbsp;'/'&nbsp;+&nbsp;pid[1]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.vid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'video/'&nbsp;+&nbsp;params.vid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.liveRoomid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'live/'&nbsp;+&nbsp;params.liveRoomid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.url){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'web/'&nbsp;+&nbsp;decodeURIComponent(params.url)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.expertid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'expert/'&nbsp;+&nbsp;params.expertid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.subjectid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'subject/'&nbsp;+&nbsp;params.subjectid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(params.readerid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;=&nbsp;url&nbsp;+&nbsp;'reader/'&nbsp;+&nbsp;params.readerid</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;+=&nbsp;'startup'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(url.indexOf('?')&nbsp;&gt;=&nbsp;0){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;+=&nbsp;'&amp;s='&nbsp;+&nbsp;(params.s&nbsp;||&nbsp;'sps')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>url&nbsp;+=&nbsp;'?s='&nbsp;+&nbsp;(params.s&nbsp;||&nbsp;'sps')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;ios&nbsp;&amp;&amp;&nbsp;易信&nbsp;&nbsp;用iframe&nbsp;打开</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if((isIos||isIpad)&nbsp;&amp;&amp;&nbsp;navigator.userAgent.match(/yixin/i))&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('iframe').src&nbsp;=&nbsp;url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;height&nbsp;=&nbsp;document.documentElement.clientHeight;</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;通常情况下先尝试使用iframe打开</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('iframe').src&nbsp;=&nbsp;url;</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;移动端浏览器中，将下载页面显示出来</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(!isWeixin&nbsp;&amp;&amp;&nbsp;!isQQ&nbsp;&amp;&amp;&nbsp;!isYixin&nbsp;&amp;&amp;&nbsp;!isYx){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.querySelector('.main-body').style.display&nbsp;=&nbsp;'block'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(isIos9){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.querySelector('.main-body').classList.add('showtip')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>setTimeout(function(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.body.scrollTop&nbsp;=&nbsp;0</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>},200)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('guide').style.display&nbsp;=&nbsp;'block'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;Forward&nbsp;To&nbsp;Redirect&nbsp;Url</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;Add&nbsp;by&nbsp;zhanzhixiang&nbsp;12/28/2015</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(params.redirect)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;redirectUrl&nbsp;=&nbsp;decodeURIComponent(params.redirect);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(&nbsp;typeof(URL)&nbsp;===&nbsp;'function'&nbsp;&amp;&amp;&nbsp;new&nbsp;URL(redirectUrl).hostname.search("163.com")&nbsp;!==&nbsp;-1)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location.href&nbsp;=&nbsp;redirectUrl;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}&nbsp;else&nbsp;if&nbsp;(redirectUrl.search("163.com")&nbsp;!==&nbsp;-1){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location.href&nbsp;=&nbsp;redirectUrl;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;Forward&nbsp;To&nbsp;Redirect&nbsp;Url&nbsp;End</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;((isWeixin&nbsp;||&nbsp;isQQ)&nbsp;&amp;&amp;&nbsp;isAndroid)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location.href&nbsp;=&nbsp;'<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.netease.newsreader.activity&amp;ckey=CK1331205846719&amp;android_schema=" rel="nofollow">http://a.app.qq.com/o/simple.jsp?pkgname=com.netease.newsreader.activity&amp;ckey=CK1331205846719&amp;android_schema=</a>'&nbsp;+　url.match(/(.*)\?/)[1]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(isIos||isIpad){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById("guide").classList.add('iosguideopen')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if&nbsp;(isAndroid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById("guide").classList.add('androidguideopen')</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;window.location.href&nbsp;=&nbsp;'<a href="http://www.163.com/newsapp" rel="nofollow">http://www.163.com/newsapp</a>'</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('link').addEventListener('click',&nbsp;function(){ </code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;统计</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>neteaseTracker&nbsp;&amp;&amp;&nbsp;neteaseTracker(false,'<a href="http://sps.163.com/func/?func=downloadapp&amp;modelid=" rel="nofollow">http://sps.163.com/func/?func=downloadapp&amp;modelid=</a>'+modelid+'&amp;spst='+spst+'&amp;spsf&amp;spss='&nbsp;+&nbsp;channel,'',&nbsp;'sps'&nbsp;)</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(config)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>android_url&nbsp;=&nbsp;config.android</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(config&nbsp;&amp;&amp;&nbsp;config.iOS)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>ios_url&nbsp;=&nbsp;config.iOS</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(isWeixin&nbsp;||&nbsp;isQQ){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var&nbsp;msg&nbsp;=&nbsp;isIDeviceIpad&nbsp;?&nbsp;"检测到您正在使用iPad,&nbsp;是否直接前往AppStore下载?"&nbsp;:&nbsp;"检测到您正在使用iPhone,&nbsp;是否直接前往AppStore下载?";</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(isIDevice){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location&nbsp;=&nbsp;ios_url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(isAndroid){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;uc浏览器用iframe唤醒</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(navigator.userAgent.match(/ucbrowser|yixin|MailMaster/i)){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('iframe').src&nbsp;=&nbsp;url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}&nbsp;else&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location.href&nbsp;=&nbsp;url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>setTimeout(function(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(document.webkitHidden)&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if&nbsp;(confirm("检测到您正在使用Android&nbsp;手机，是否直接下载程序安装包？"))&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>neteaseTracker&nbsp;&amp;&amp;&nbsp;neteaseTracker(false,'<a href="http://sps.163.com/func/?func=downloadapp_pass&amp;modelid=" rel="nofollow">http://sps.163.com/func/?func=downloadapp_pass&amp;modelid=</a>'+modelid+'&amp;spst='+spst+'&amp;spsf&amp;spss='&nbsp;+&nbsp;channel,'',&nbsp;'sps'&nbsp;)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location.href&nbsp;=&nbsp;android_url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}&nbsp;else&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>neteaseTracker&nbsp;&amp;&amp;&nbsp;neteaseTracker(false,'<a href="http://sps.163.com/func/?func=downloadapp_cancel&amp;modelid=" rel="nofollow">http://sps.163.com/func/?func=downloadapp_cancel&amp;modelid=</a>'+modelid+'&amp;spst='+spst+'&amp;spsf&amp;spss='&nbsp;+&nbsp;channel,'',&nbsp;'sps'&nbsp;)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>},200)</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else&nbsp;if(isIEMobile){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.location&nbsp;=&nbsp;wphone_url;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}else{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>window.open('<a href="http://www.163.com/special/00774IQ6/newsapp_download.html" rel="nofollow">http://www.163.com/special/00774IQ6/newsapp_download.html</a>');</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>},&nbsp;false)</code> <code>&nbsp;</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>setTimeout(function(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if(isIDevice&nbsp;&amp;&amp;&nbsp;params.notdownload&nbsp;!=&nbsp;1&nbsp;&amp;&amp;&nbsp;!isNewsapp&nbsp;&amp;&amp;&nbsp;!isIos9){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('link').click()</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>},&nbsp;1000)</code> <code>&nbsp;</code>&nbsp; <code>})(window,document);</code> </td> 
 </tr> 
 </tbody> 
</table>

虽然有一些外部的引用，和一些搞不懂是干什么用的方法和变量，但是基本逻辑还是能够看明白。好像也没有什么特别的地方。研究了许久，看到了一个jsonp请求很奇特。这是来干嘛用的？

于是费尽千辛万苦，搜索了很多文章，最终锁定了一个关键的名词 **Universal links**。

如果我早知道这个名词，那么问题就不会变的那么束手无策。所以这个东西是什么呢？

###  2.2.3 **Universal links** ###

**![b60972b6928120a76d5fd4dd8f33cd09.gif][]Apple为iOS 9发布了一个所谓的通用链接的深层链接特性，即Universal links。虽然它并不完美，但是这一发布，让数以千计的应用开发人员突然意识到自己的应用体验被打破。**

**Universal links，一种能够方便的通过传统的HTTP/HTTPS 链接来启动App，使用相同的网址打开网站和App。**

关于这个问题的提问与universal links的介绍 [点击这里查看][Link 1]

ios9推行的一个新的协议！

关于本文的这个问题，国内的论坛有许许多多的文章来解决，但是提到universal links的文章少之又少，而我想吐槽的是，我们的ios开发也尼玛不知道这个名词，搞什么鬼。他改变了用户体验的关键在于，微信没有屏蔽这个协议。因此如果我们的app注册了这个协议，那么我们就能够从微信中直接唤起app。

这个时候我就发现，上面贴的网易新闻代码中的jsonp请求的内容，就是这个协议必须的一个叫做`apple-app-site-association`的JSON文件

<table> 
 <tbody> 
 <tr> 
 <td> <code>{ </code> <code>&nbsp;&nbsp;&nbsp;</code><code>"applinks":&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"apps":&nbsp;[&nbsp;],</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"details":&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"TEAM-IDENTIFIER.YOUR.BUNDLE.IDENTIFIER":&nbsp;{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"paths":&nbsp;[</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>"*"</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>]</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
</table>

大家可以直接访问这个链接，查看里面的内容

[http://active.163.com/service/form/v1/5847/view/1047.jsonp][http_active.163.com_service_form_v1_5847_view_1047.jsonp]

至于universal links具体如何实现，让ios的同学去搞定吧，这里提供两个参考文章

[http://www.cocoachina.com/bbs/read.php?tid-1486368.html][http_www.cocoachina.com_bbs_read.php_tid-1486368.html]

[https://blog.branch.io/how-to-setup-universal-links-to-deep-link-on-apple-ios-9][https_blog.branch.io_how-to-setup-universal-links-to-deep-link-on-apple-ios-9]

支持了这个协议之后，我们又可以通过iframe来唤起app了，因此基本逻辑就是这样了。最终的调研结果是：

# 3 没有完美的解决方案 #

就算是网易新闻，这个按钮在使用过程中也会有一些小bug，无法做到完美的状态。

因为我们面临许多没办法解决的问题，比如无法真正意义上的判断本地是否安装了app，pageshow，pagehide并不是所有的浏览器都支持等。很多其他博客里面，什么计算时间差等方案，根！本！没！有！用！我还花了很久的时间去研究这个方案。

老实说，从微信中跳转到外部浏览器，并不是一个好的解决方案，这样会导致很多用户流失，因此大家都**在ios上实现了universal links**，而我更加倾向的方案是**知乎的解决，他们从设计上避免了在一个按钮上来判断这个逻辑，而采用了两个按钮的方式。**

网易新闻的逻辑是：点击打开会调整到一个下载页面，这个下载页面一加载完成就尝试打开app，如果打开了就直接跑到app里面去了，如果没有就在页面上有一个立即下载的按钮，按钮行只有下载处理。

这个问题就总结到这里，如果大家有更好的方案，欢迎与我沟通。

# 转自 #

[https://www.niwoxuexi.com/blog/php/article/415.html][https_www.niwoxuexi.com_blog_php_article_415.html]

[https_www.niwoxuexi.com_blog_php_article_415.html]: https://www.niwoxuexi.com/blog/php/article/415.html
[259b83a03e964a9b49b421e006447a78.gif]: /images/20221005/d08b3d6c72e64e50b9eac5b7ab835252.png
[b60972b6928120a76d5fd4dd8f33cd09.gif]: /images/20221005/b75e273e266a4156bba16dcde23cff23.png
[Link 1]: http://stackoverflow.com/questions/31891777/ios-9-safari-iframe-src-with-custom-url-scheme-not-working
[http_active.163.com_service_form_v1_5847_view_1047.jsonp]: http://active.163.com/service/form/v1/5847/view/1047.jsonp
[http_www.cocoachina.com_bbs_read.php_tid-1486368.html]: http://www.cocoachina.com/bbs/read.php?tid-1486368.html
[https_blog.branch.io_how-to-setup-universal-links-to-deep-link-on-apple-ios-9]: https://blog.branch.io/how-to-setup-universal-links-to-deep-link-on-apple-ios-9