javascript实现阻止iOS APP中的链接打开Safari浏览器


Posted in Javascript onJune 12, 2014

上次根据网上的教程给自己的网站弄了一个Web APP,但是给用户的感觉却十分糟糕。

问题说明:

怎么了?原来是打开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 相关文章推荐
JS数学函数Exp使用说明
Aug 09 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
Aug 14 Javascript
element ui 对话框el-dialog关闭事件详解
Feb 26 Javascript
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
ES6 Iterator接口和for...of循环用法分析
Jul 31 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 #Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 #Javascript
Javascript封装DOMContentLoaded事件实例
Jun 12 #Javascript
自己封装的javascript事件队列函数版
Jun 12 #Javascript
jquery动态添加删除一行数据示例
Jun 12 #Javascript
checkbox勾选判断代码分析
Jun 11 #Javascript
百度判断手机终端并自动跳转js代码及使用实例
Jun 11 #Javascript
You might like
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
2011/09/17 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
JS实现输入框提示文字点击时消失效果
2016/07/19 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
2017/06/19 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
如何更好的编写js async函数
2018/05/13 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
2018/12/09 Javascript
小程序关于请求同步的总结
2019/05/05 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
python爬虫常用的模块分析
2014/08/29 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
三星法国官方网站:Samsung法国
2019/10/31 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
《雕塑之美》教学反思
2014/04/24 职场文书
团支部建设方案
2014/05/02 职场文书
弄虚作假心得体会
2014/09/10 职场文书
2014国庆节标语口号
2014/09/19 职场文书
培训班通知
2015/04/25 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
关于童年的读书笔记
2015/06/26 职场文书
2016年校园植树节广播稿
2015/12/17 职场文书
python开发制作好看的时钟效果
2022/05/02 Python