javascript实现阻止iOS APP中的链接打开Safari浏览器
2014-06-12 00:00
796 查看
上次根据网上的教程给自己的网站弄了一个Web APP,但是给用户的感觉却十分糟糕。
问题说明:
怎么了?原来是打开WEB APP后在主页上随意打开连接,就会自作主张地打开Safari浏览器。原来好好的伪装和心情就全被破坏掉了。这该如何是好?原来解决方法十分简单。仅仅加入这些代码就好了。实验测试在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上测试通过,根据原作者的叙述,最新的 iOS 7.0.4(iPhone 与 iPad)测试通过,代码应该兼容性不错,在这里分享:
问题解决:
建议将代码放到/head标签前,当然,另外存为一个js 文件引用也是可以的。
问题说明:
怎么了?原来是打开WEB APP后在主页上随意打开连接,就会自作主张地打开Safari浏览器。原来好好的伪装和心情就全被破坏掉了。这该如何是好?原来解决方法十分简单。仅仅加入这些代码就好了。实验测试在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上测试通过,根据原作者的叙述,最新的 iOS 7.0.4(iPhone 与 iPad)测试通过,代码应该兼容性不错,在这里分享:
问题解决:
<script type=“text/javascript”> //iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 if ((“standalone” in window.navigator) && window.navigator.standalone) { var noddy, remotes = false; document.addEventListener(‘click', function(event) { noddy = event.target; while (noddy.nodeName !== “A” && noddy.nodeName !== “HTML”) { noddy = noddy.parentNode; } if (‘href' in noddy && noddy.href.indexOf(‘http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes)) { event.preventDefault(); document.location.href = noddy.href; } }, false); } </script>
建议将代码放到/head标签前,当然,另外存为一个js 文件引用也是可以的。
相关文章推荐
- javascript实现阻止iOS APP中的链接打开Safari浏览器
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- iOS中通过链接地址打开指定APP并传参 by徐文棋
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP),并获取到传递的数据
- IOS 利用UIWebView和javascript的技术实现打开网页快速定位到某处(id)
- JavaScript来实现打开链接页面(转载)
- IOS控件之ScrollView,PageControl---APP首次打开引导页面效果实现~
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- iOS实现一个应用去handle另一个应用(一个App打开另外一个App)
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据(转)
- Android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- android实现通过浏览器点击链接打开本地应用(APP)并拿到浏览器传递的数据
- javascript 实现双击才能打开链接的方法
- 用javascript实现点击链接弹出"图片另存为"而不是直接打开
- 用javascript实现点击链接弹出"图片另存为"而不是直接打开
- IOS UIWebView与JavaScript交互实现Web App
- iOS开发中打开本地应用、打开appStore应用、给app评分功能实现