解决 safari window.open 无法实现的问题 先说下问题是什么吧: safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了(具体的原因可能需要你自己深入研究).. 那么如果你有这样的需求(或者类似的),通过ajax 发送请求到服务器端,等待请求响应成功之后,根据从服务器端响应得到的数据,打开一个窗口显示给用户,在safari上是没办法直接一个window.open搞定的( 浏览器没问题, IE, firefox, chrome).…
这几天做了几个手机端app的wap页面,做完之后发现一个问题,那就是ios系统下的safari浏览器不支持window.history.go(-1)..无语... 解决方法很简单!加上return false; 就可以了~ <a href="#" class="back" onclick="javascript: window.history.go(-1);return false;"></a>…
现象:在做项目的过程中,使用window.open打开新窗口,在windows系统的ie,firefox,chrome浏览器上测试均没有问题,在苹果系统的safari浏览器上发现有些window.open可以打开选项卡,有些不可以打开 第一种可以打开选项卡 第二种则打不开选项卡 解决方案:百度发现"safari 中没办法在回调函数里面执行window.open, 原因是safari的安全机制将其阻挡了",解决办法就是在请求之前先打开一个空白窗口,在请求成功的回调函数里面:如果请求错误不…
    这个题目可能有点大了,这里主要讨论一种解决safari浏览器阻止第三方cookie问题.       场景       公司存在多个域名(a.com,b.com,co.com)这些域名应该统一帐号状态,a.com为公司主域名,其中帐号系统为passport.a.com,b.com现在做一个活动,需要用户进行登录,那么就跳转到passport.a.com进行登录,登录完成完根据参数会跳至活动页面.由于passport.a.com使用的jsonp的形式对a.com,b.com和c.com就行…
一. 运行环境: iphone所有机型的qq浏览器,safari浏览器,微信内置浏览器(qq浏览器内核)等. 二. 异常现象: 1. 大幅度上下滑动h5页面,然后停止滑动,有时候会影响到页面滚动,如局部滚动条: 2. 大幅度上下滑动h5页面,页面中的悬浮层,如头部,底部菜单之类需要固定在指定位置的层不会随着挣个界面滑动:如果对前端的定位方式不太熟练的话,甚至会出现悬浮层的框架与内容相分离的现象. 三. 解决方法: 1.屏蔽滑动手势——具体解决方法有待探索研究,慎用 直接屏蔽浏览器的滑动手势——干…
有时候需要在window下测试safari浏览器的兼容性 然后需要打开错误控制台 以下是完整打开的图文教程 1.显示菜单栏 2.打开偏好设置 3.然后切换到高级标签 勾选 在菜单栏显示开发菜单 4.打开开发菜单下的 错误控制台 5.直接测试…
前段时间在项目里遇到了一个比较头疼的问题,就是高版本的Safari中默认会阻止第三方cookie,这使得使用Safari浏览器的用户无法按照正常的业务逻辑进行操作. 问题展现 知识点 什么是第三方cookie呢?在访问一个网站A时,网站A算作第一方,如果网站A中引用了另一个网站B(网站B的域名与网站A的域名不同)的资源,这时这个网站B就被认为是第三方.需要注意的是,这儿区分不同网站的标准是域名是否相同,而不是这两个网站是否由同一个公司运营.比如,taobao.com和tmall.com被认为是两…
解决java web中safari浏览器下载后文件中文乱码问题 String fileName = "测试文件.doc"; String userAgent = request.getHeader("User-Agent").toLowerCase(); //Java下载文件时IE浏览器出现文件名乱码 // 针对IE或者以IE为内核的浏览器: if (userAgent.contains("msie") || userAgent.contains…
父页面处理: function ProductList() {   var TypeID = window.document.getElementById("Type").value;   var returnvalues = window.showModalDialog('ProductList.aspx?Type=' + TypeID,'window','dialogWidth=700px;dialogHeight=680px');    if(returnvalues!=unde…
最近做手机端项目遇到一个问题,就是在ios10系统里面  safari浏览器 在touchmove 里面写e.preventDefault();不起作用 更种google 还是没有找到解决方法 最后找到了一种解决方法,就是 等着苹果更新 下一版系统!哈哈哈哈哈  如果谁有好的解决方法,欢迎留言········…
解决苹果手机 Safari浏览器下   字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳仔 小伙伴 猛然想起来,这是 不兼容,少了一句meta标签 在 head区域 添加上 这句话 即可  ,正常显示 字体颜色了 <meta name="format-detection" content="telephone=no">…
我们知道,在JavaScript中提供了一个window.history.back()方法用于返回上一页,另外也可以使用window.history.go(-1)返回上一页(跳转). 在其他的主流浏览器中(Chrome.Firefox等),使用这两个方法都会重新执行返回页面的JS. 这就意味着,当文档加载完成事件函数中有刷新页面的操作代码的情况下,上一个页面会刷新. 但是在Safari浏览器中则情况有一些不同. 在实际测试中,在移动端中Android设备都会刷新,但是在IOS设备的Safari浏…
最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head>   <meta charset="UTF-8">   <title></title> </head> <body>   <a id='link' h…
完美解决safari.微信浏览器下拉回弹效果,只保留局部回弹效果. CSS代码 .box{ overflow: auto; -webkit-overflow-scrolling: touch; } HTML代码 <body class="box"> <div class="scroll" style="height:1500px"> </div> </body> JS代码   var overscr…
safari浏览器fixed后,被软键盘遮盖的问题,已经有好多人问相关的问题,应该是问的角度不一样,还的再次提出咯. 问题描述 测试环境:ios 10.2/10.3 简单来说就是在html5页面中底部有个fixed的区域,如图 在点击输入框的时候,软键盘弹出,遮盖了fixed区域(这里页面整体上移了),如图 但是当你点击"完成"让软键盘收起,再次点击输入框的时候,what?一切正常了-!如图(就是要这样子的嘛,之后收起弹出软键盘都正常了,不会遮盖fixed底部区域了!) 但是,但是,还…
解决方法: 使用    window.location.href=window.location.href+随机数    代替 window.location.reload(). function reload(){ window.location.href=window.location.href+"?id="+10000*Math.random();}…
  最近,一些项目中用到监听用户复制.剪切的操作. 案例1.在PC端,当用户获得一个京东卡的使用券,当用户使用ctrl + C复制得到的使用券时,将使用券的代号复制到粘贴板,以便于用户ctrl+v进行粘贴.     案例2:在移动端(android 和 iOS端),用户获得邀请码之后,可以使用一键复制的功能,将邀请码复制到剪切板,然后在app中进行兑换.     使用jQuery中的方法监听用户的剪切.复制.粘贴的行为 $("#cut").on("cut",func…
在开发一个移动应用的过程中,遇到问题:在订单确认页,用户点击 收货地址链接,跳转到地址选择页面,咋选一个地址,跳转回订单确认页,发现收货地址没有改变,还是最开始的地址. 用Android手机发现地址有更新,而Iphone手机地址没有更新. 通过查询资料,发现是如下原因造成: “此问题是由于某些浏览器在back的时候是直接使用的之前的视图,页面没有进行重新加载而导致的,在网上找了些资料, 发现这是H5的一些新特性Back-Forward Cache(简称bfcache) ,普通浏览器在back时,…
Javascript原生有一些事件:copy.paste.cut, 这些事件可以作用的目标元素: 能获得焦点的元素 (如contentEditable内容能编辑或者可以选中的元素),或者是<body> <div id="cardList"> <div class="btn">点击我,复制我</div> </div> <script type="text/javascript">…
代码示例: <html> <head> <title>Date字符串转化示例</title> </head> <body> <script> var nowDate = new Date("2012-01-01 11:01:01"); window.onload=function(){ alert(nowDate.getTime()); } </script> </body> &…
问题:ios封装完之后,点击里边的按钮会跳转到网页上 ——小卡遇到这个问题就是这样解决的↓↓↓ 解决方法:建议将代码放到</head>标签前,当然,另外存为一个js 文件引用也是可以的呦~ <script type="text/javascript"> //iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 devework.com //stanislav.it/how-to-prevent-ios-standalone-mode-web-…
在 web 开发过程中我们经常遇到,不想让用户下拉看到我的地址,也有时候在 div 中没有惯性滚动,就此也出了 iScroll 这种关于滚动条的框架,但是就为了一个体验去使用一个框架好像又不值得,今天我就来说说我的思路 div 中惯性滚动问题 我们在开发 web 如果在,非 body 元素中使用 scroll 就会碰到一个问题,没有惯性滚动,所以以前我们要么使用 iScroll 这类框架,要么就是自己使用触摸事件配合定时器来写一个惯性,自己写的当然体验不好,使用框架又感觉太不值得,因为一个小功能…
看了一下自己上一次写博客还是3月份,那是还没有毕业,实习也没那么多事情,毕业设计也才刚开始做,那时天天晚上都把电脑带回家继续学习,而现在一工作忙为借口已经不怎么进行什么知识总结了,只是在印象笔记里做做记录,今天解决完一个问题之后,突然很怀念曾经写博客的那种感觉,所以打开自己的博客地址,由于忘记了密码,所以也是费了很大的周折才找回了,改天在github上搭建一个博客好了.废话就说到这儿,进入干货模式. const startTime = Date.parse(new Date(rowData.st…
今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——"表单中的input type=submit和input type=reset按钮在iPhone的safari浏览器下圆角有一个bug”很是疑惑,于是搜集整理一番,下面我来简单的描述一下这个bug的样子 自从完成上次iPhone的几个页面效果后,一直在没有制作iPhone的页面效果了,今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type=&q…
在这里给大家分享一个很简单的用苹果手机无需越狱就可以查看网页源代码的方法,不过这个方法只用于苹果手机自带的Safari浏览器 随便添加一个safari 书签 (用于一会改为查看源码功能书签)进入书签 点击编辑 后选择第一步好的书签.更改书签 标题 随意(我改成查看源代码简单明了- -),下面网址改成 javascript:(function(){var w=window.open("about:blank"),d=w.document;d.write("<!DOCTYP…
Safari浏览器中经常出现session无法写入或同一个会话中Session ID常变动的事情.尤其以iOS7版本居多. 问题本身并不难猜,应该就是cookie无法写入引起的.奇怪的是,部分同版本的Safari又是可以写入session的,所以这个问题很让人困惑. 反复查找,最后明白原因是:首先,对于第三方cookie,Safari升级后确实有禁止写入cookie的特性:其次,但是对于已存在cookie的情况,则尽管是第三方cookie依然还会写入.就是因为这些因素存在,所以之前进行测试的一些…
iPhone safari浏览器中,input按钮会按苹果的默认UI来渲染,例如,写的按钮明明是这个样的: 但是实际就会是这个样子: 怎么办呢? 为按钮添加:-webkit-appearance: none; 即可解决!…
1.打开safari浏览器中的偏好设置 2.在偏好设置中,选择高级,勾选在菜单栏中显示开发菜单 3.打开开发,进入响应式设计模式 4.可以选择iphone 或ipad.浏览器等不同模式,进行模拟 5.也可以模拟其他浏览器,window中的浏览器 选择浏览器名称下拉框可以选择使用 6.使用完之后,点击开发--退出响应式设计模式,浏览器恢复正常…
这是系统级别的问题,暂时无法解决. IPHONE的safari浏览器电话拨打,前两次点击拨打按钮,会正常弹出系统弹框包含(电话号码,取消,呼叫). 第3次往后,点击按钮会出现另一种系统弹框包含(已阻止此网站进行自动通话,忽略,允许通话).…
1.打开safari浏览器中的偏好设置 2.在偏好设置中,选择高级,勾选在菜单栏中显示开发菜单 3.打开开发,进入响应式设计模式 4.可以选择iphone 或ipad.浏览器等不同模式,进行模拟 5.也可以模拟其他浏览器,window中的浏览器 选择浏览器名称下拉框可以选择使用 6.使用完之后,点击开发--退出响应式设计模式,浏览器恢复正常…