本次分享的主要内容
一、了解iPhone web app
二、CSS
三、JavaScript
四、Resource
一、了解iPhone web app
Viewport (视窗)
320 * 356 (竖版) 480*208 (横版)
隐藏“地址栏”的情况下320*416 (竖) 480*268 (横)
键盘、表单辅助栏
默认宽度是 980px
用meta标签指定 viewport 设置
<meta name="viewport" content="width=320" />
常量
device-width
device-height
更详细的介绍
-/?q=node/1041
开发之前还有一些要知道的
用户是可以设置浏览器属性的
JavaScript可能被关掉
弹窗默认被禁止
iPhone内置了一个调试控制台
资源的限制和脚本的限制
每个静态资源(*.html, *.js, *.css) < 10M
超过25K的静态资源不会被缓存(gzip前)
5秒钟的JavaScript执行时间
更多
/blog/2008/02/06/iphone-cacheability/
文档类型
支持:Excel, PDF, Word, Text, QT, Canvas
不支持:Java, Flash, SVG
开发之前还有一些要知道的
不支持的技术
模态窗口- ()
Mouseover 事件
Hover 样式
不要使用frameset
不同版本的iPhone, Safari版本不一样
iPhone 对应 Safari
iPhone 对应 Safari
上的web前端开发 来自淘豆网m.daumloan.com转载请标明出处.