iOS Web App开发心得(四)由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“webapp开发技巧总结”。
泽思网络 – 上海APP开发商
iOS Web App开发心得
(四)1、关于jQuery
事实上,jQuery已经针对移动设备推出了jQuery Mobile(2012年8月27日注:jQuery和jQuery Mobile完全不是一个东西),但是我没有去下载,而是直接用了jQuery,并没有什么理由。从实际效果来看,也还算理想,mobile safari跑jQuery还算流畅,与桌面浏览器的差异并没有那么夸张。
但是,有一点不完美,就是触控的事件,不能使用jQuery的绑定方式(bind方法),而必须使用javascript的原生语法。猜测应该是jQuery对事件做了封装并做了兼容性处理,没有考虑到触控事件。(2012年8月27日注:完全可以用jQuery来绑定,只是在事件处理的时候取jQuery封闭事件中的originalEvent就可以了。)
2、viewport带来的问题
其实这一点在前面已经讲过,还是想再重复一下。
因为只有viewport的概念,导致了很多和桌面浏览器不一样的地方,比如没有滚动条,需要手工去处理很多事情。
同样因为viewport,元素的fixed定位方式失效。
另外由于viewport自身的操作需要很多触控动作,给交互也带来不小的麻烦,前
泽思网络 – 上海APP开发商文已经说过。
3、iOS自己的处事方式
iOS在一些地方有自己的特殊处理方式,需要注意。
比如不允许用户从浏览器中上传文件,这个特性就让应用的空间一下子少了好多。(2012年8月27日注:iOS6已经允许了。)
再比如对于选择框,并不是像桌面浏览器一样下拉,而是一个系统的模态窗口选择,完全是苹果自己的风格。
4、SVG支持不力
网上查到SVG的嵌入方式有三种,除了iframe外,其余两种均试过,很遗憾,不能生效。
5、背景缩放的bug
按照CSS的标准,背景图片大小是可以缩放的。实际使用时,在有的机器上有明显bug,表现为有时候缩放变为平铺,有时候需要再加一个多点触控才能触发缩放。