优酷手机网页版如何仅靠 js 就能判断用户是否在手机安装了优酷

[sd4399340]

比如用手机的safari随便开一个优酷视频，会有一条banner，两个按钮，下载安装和打开app，如果手机上没有安装优酷的话，点击“打开app”回弹一个小窗，提示你先安装，这是如何做到的？我觉得这里有技巧，即便你安装了优酷的app，点击“打开app”链进去以后如果你回来再打开safari，依然有这个小窗。

因为最近我也在实现一个相关的功能，我知道iOS原生支持的banner可以达到这种效果，没安装就链接到app store，安装了就直接链进app，但是像优酷这种我觉得很神奇啊。

反观乐视的解决方案，如何没安装app的话，点击banner的“立即下载”后safari会先报一个错，然后把你链接到app store，乐视大概用的就是这个技术

https://gist.github.com/pulletsforever/2662899

用一个hidden的iframe先去请求乐视app所注册的custom url schema，如果打不开就可以知道用户没安装乐视app，然后把用户链接到app store，这个方法的坏处就是虽然iframe是隐藏的，但url无效的话safari会先报一个错，体验很不好！

有相关经验的来指导下~

[explon]

不好意思，这功能 iOS 只需要一行代码：

<meta content="app-id=518213356" name="apple-itunes-app" />

[VeryCB]

debug 了一下 youku 移动端的页面，找到了这个 js http://static.youku.com/v1.0.0973/x/js/ph.js

里面有一个 openApp 方法：

https://gist.github.com/VeryCB/999489ff8348eb61e60d

貌似也是用 iframe 做的，我试了一下如果没装优酷App也是会报一个『Cannot Open Page』的错

[VeryCB]

@explon 你说的是 Smart App Banners，跟楼主问的不是一回事

[sd4399340]

@explon 不是一回事~

[sd4399340]

@VeryCB 对啊，奇怪的就是优酷没报这个“cannot open page”的错啊

[VeryCB]

@sd4399340 我的优酷报了『Cannot open page』...

[sd4399340]

@VeryCB 哦你意思是你手机的safari报了，我的没报啊，很奇怪。。。那你手机上优酷跟乐视的效果一样啊，乐视我手机上也报了