前言 前阶段,测试提了个bug,在苹果手机中无痕模式下,搜索按钮不好使,无法跳页,同时搜索历史也没有展示(用户搜索历史时使用localStorage存储). 正文 iOS上Sarfari在无痕模式下,浏览器假装支持localStorage,并在全局window上暴漏了该方法,所以校验是有localStorage对象的,但是调用setItem进行保存的时候,就报Error: QuotaExceededError ... : The quota has been exceeded.   因此,进行了

在手机safari上传图片时,竖着的照片会变成横着的照片,以下程序片段利用图片exif信息把图片旋转回去,代码抄自php.net官网. http://php.net/manual/zh/function.exif-read-data.php <?php $image = imagecreatefromstring(file_get_contents($_FILES['image_upload']['tmp_name'])); $exif = exif_read_data($_FILES['ima

safari 收藏导出 手机safari 导出 作者:韩梦飞沙 Author:han_meng_fei_sha 邮箱:313134555@qq.com E-mail: 313134555 @qq.com 电脑安装itool连接iphone,转到信息这一栏,里面有一个safari书签,列出所有的网址.你导出来在电脑上就是一个网址的快捷链接方式了. ======== 电脑上导出 第一步,打开safari浏览器,一般情况下这个safari浏览器默认是没有显示菜单栏的,如何显示菜单栏呢,点击右边的箭头

近排有公司同事出差在外需使用OA系统,发现iphone手机safari浏览器在该出现滚动条的页面没有显示滚动条,导致无法正常使用. 系统前端页面是采用jeasyui搭建的框架,使用iframe变更主页.于是,在iframe外层包一层div,添加样式:style="-webkit-overflow-scrolling:touch;overflow:auto;".       it works!

无痕模式是黑色风格,正常模式是白色风格.在无痕模式中,使用localStorage.setItem()会报错,但在window对象下确实有localStorage.setItem方法. if (typeof localStorage === 'object') { try { localStorage.setItem('localStorage', 1); localStorage.removeItem('localStorage'); } catch (e) { Storage.prototy

问题: 今天在本地起服务准备测下ios手机端页面,结果发现:页面可以打开,但是登录不上. 用alert定位了下,await fn() 报错被try()catch(){}捕获了... 原因: 该机子不支持最新js标准 解决方案: 第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]-> 开启[JavaScript] 旨在支持最新的ES标准 开启[Web检查器] win10系统开热点方法 打开:网络和InterNet设置 -> 移动热点 ->

1.下载 safari technology preview 2.iphone 设置: 打开“设置”程序,进入“Safari”->“高级”页面开启“Web检查器” 3.mac 上打开 safari technology preview,打开 mac safari 的设置,勾选上在菜单栏显示 develop 菜单 4.把 iphone 连接上电脑,在电脑的 safari 的 develop 菜单上选择 iphone 点击之后就可以进入类似 pc 端的控制台窗口了.

ios +chrome调试 引用https://segmentfault.com/a/1190000015428430 iTunes ios-webkit-debug-proxy-1.8-win64-bin.zip chrome最新版本最好 [Chrome]对ios-safari移动端的H5页面进行调试(ios-webkit-debug-proxy) ios 有问题. 点击Inspect,弹出开发者工具 后  不显示 手机的页面 ,代码已出现. 后期好了更新 调试Android上WebView的

我们的一个小应用,使用百度地图API获取到用户的坐标之后用localStorage做了下缓存,测试上线之后有运营同学反馈页面数据拉取不到, 测试的时候没有发现问题,而且2台相同的iphone一台可以一台不行,最后定位到是localStorage有问题. 但是为啥明明版本一样的2台手机一台可以一台不行呢? 而且2台手机打印localStorage明明都是Object,奇怪了. 在度娘上没找到答案,最后到google发现有人说是Private Browsing Mode引起的.然后查看IOS的saf

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的.但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高. 使用方法: localStorage.setItem("menuTitle", arrDisplay); sessionStorage.getIte

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能存4k的cookie相比,用起来很好用.但是localStorage在iOS Safari.chrome和UC浏览器中的隐私模式(也叫无痕模式)下无法使用,手机Safari浏览器中具体表现是: localStorage对象仍然存在 但是setItem会报异常:Quota

最近在做HTML 5游戏时,发布到手机上访问网页总是莫名其妙出现问题,苦于没有remote debug功能一直没有查找到问题. 这边博客详细介绍了iOS, Android, Windows Phone的调试方法: http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/ 1. 使用方法 在Mac下连接iPhone试了一下确实不错, 环境:

一.前置步骤:官网下载并安装好 二.设置iOS手机代理到windows电脑 1.打开Fiddler,点击上方Tools,进入Options,选择HTTPS,按下图设置 2.fiddler默认监听端口8888 3.查看windows电脑的本机IP--ipconfig   4.iOS手机在对应的测试内网wifi网络中设置代理 服务器输入windows电脑的ip地址 5.windows电脑上然后打开浏览器,输入ip:8888,点击FiddlerRoot certficate下载安装证书  (这个ip为

一.前言部分 没使用蒲公英之前一直采用非常傻B的方式给公司App做内部测试,要么发个测试包让公司测试人员用iTUnes 自己安装 要么苦逼的一个个在我Xcode上直接安装测试包,操作起来又麻烦又苦逼,后来偶然发现了蒲公英感觉这货还真不是一般 好用.直接上传测试文件到他们平台上传成功后直接将测试地址发给测试人员,测试人员直接通过Safari浏览器进入安装页 面点击安装即可,同时平台还会记录我们在此平台发布各个历史测试版本的信息让我们的测试版本可追溯. (注:此文绝非广告水文,只是个人感觉真的很好用

一 安卓 一 chrome 1.安卓手机安装chrome浏览器,手机打开开发者模式,用usb线链接电脑,并且允许调试. 2.电脑chrome地址栏输入 chrome://inspect 进入后点击 inspect 即进入调试模式(注意:第一次调试必须FQ). 3.调试和电脑端基本没有差异.电脑端修改样式等,手机立马变化. 二 webview 1.手机必须安卓4.4+ 2.安卓端必须打开允许调试的权限 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES

在我们用phoengap+html5做的移动app中,经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况,原因是手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台.厂商的不同而有种种兼容性问题. 下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试.这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试.当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,

转自: http://www.cnblogs.com/cocoajin/p/4082488.html iOS企业内部发布及HTTPS服务器配置 一:所需的条件 1. 苹果开发者证书,企业版 299$ 版本 2. ssl 证书,即https使用的服务器证书 3. web服务器,支持https 4. 一个域名,可以是子域名,绑定ssl证书和https服务器 二:大致流程 申请免费或付费ssl证书-----> 配置https web服务器------>发布企业版ios app----->配置s

Click.touch.load.drag.change.input.error.risize — 这些都是冗长的DOM(文档对象模型)事件列表的一部分.事件可以在文档(Document)结构的任何部分被触发,触发者可以是用户操作,也可以是浏览 器本身.事件并不是只是在一处被触发和终止:他们在整个document中流动,拥有它们自己的生命周期.而这个生命周期让DOM事件有更多的用途和可扩 展性. 作为一个开发人员,我们必须要理解DOM事件是如何工作的,然后才能更好的驾驭它,利用它们潜在的优势,开

最近公司有个客户的网站用手机safari打开出现背景图片错乱,本来应该显示A图片的却显示B图片,网速越慢的情况下越容易出现这种问题,悲催的是这种情况只在iPhone 6上出现,并且不是一直这样,多刷新几次就正常了,用安卓测试一切正常,pc端显示也一切正常.经过一番努力发现这种现象只在ios 8 版本系统下才会出现,从相关资料上看到说是http pipeline造成的,是ios 8的一个bug,解决办法有两个1.<meta http-equiv="expires" content=

题记 麻痹起来嗨!看网上那么多的教程,依然在我心爱的爱屁屁在上架的时候遇到各种 J8 问题,最大的问题就是:Xcode 证书什么的,Provisioning Profile 什么的,Debug 什么的,Production 和Distribution 什么乱 78 糟的都把我搞糊涂了,网上很多教程都是好旧的(虽然思路一样,但是不够详细),所以我打算把我今年已经上架的干货儿(下载地址,介绍地址)的上架艰辛历程写下来,一是可以让自己以后上架 app 时可以减少一点儿弯路,二是可以给大家一个参考. 上

原文转自:http://blog.jobbole.com/52430/ Click.touch.load.drag.change.input.error.risize — 这些都是冗长的DOM(文档对象模型)事件列表的一部分.事件可以在文档(Document)结构的任何部分被触发,触发者可以是用户操作,也可以是浏览器本身.事件并不是只是在一处被触发和终止:他们在整个document中流动,拥有它们自己的生命周期.而这个生命周期让DOM事件有更多的用途和可扩展性. 作为一个开发人员,我们必须要理解