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 相关文章推荐
html下载本地
Jun 19 Javascript
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
微信小程序仿今日头条导航栏滚动解析
Aug 20 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
Element Carousel 走马灯的具体实现
Jul 26 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
php 获取SWF动画截图示例代码
2014/02/10 PHP
php给图片加文字水印
2015/07/31 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
Linux下编译安装php libevent扩展实例
2015/02/14 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
JavaScript闭包和范围实例详解
2016/12/19 Javascript
jquery validation验证表单插件
2017/01/07 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
详解Vue2.0 事件派发与接收
2017/09/05 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Pandas中把dataframe转成array的方法
2018/04/13 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
用python实现刷点击率的示例代码
2019/02/21 Python
查看Python依赖包及其版本号信息的方法
2019/08/13 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
OpenCV模板匹配matchTemplate的实现
2019/10/18 Python
详解python tkinter模块安装过程
2020/01/06 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
python 穷举指定长度的密码例子
2020/04/02 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
保卫科工作岗位职责
2014/03/01 职场文书
大学生党性分析材料
2014/12/19 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
国家助学金受助感言
2015/08/01 职场文书
2016年教师党员公开承诺书
2016/03/24 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python