iPad网页开发课程及规则

iPad网页开发教程及规则

?

1. 在iPad上使用Safari浏览普通网站网页的时候，网页因为太大而导致需要手动放大缩小或者滑动，虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道，但时间久了我们还是会发现这样做并不方便，给用户带来的感受并不十分好。
2. 不支持Flash

   在没有越狱的iPad Safari中，网站的Flash都是无法显示的，但可以通过第三方软件或插件或者浏览器来解决，不过，即使不能显示Flash，你一样能够用HTML5和CSS3实现同样的效果。

3. 没有鼠标光标

   这意味着鼠标属性，例如鼠标悬停属性是不可能有的。

   你或许可以为这个找到一些变通的办法，但是到你的用户那里这些该如何工作将会是困难的事。

4. 滚动条不能按照预期那样起作用

   滚动条不能显示包含了充满过多分区的内容。框架也存在高度和宽度的问题。另外，滚动过程中需要两个手指的手势。（我们将在下文中进行充分的讨论）

5. 不支持CSS固定布局

   HTML 元素 position:fixed CSS属性不能正确显示，常常会使得页面停留在第一屏，无法向下翻页、放大缩小。

随着移动设备上网的普及，很多网站都会进行客户端浏览器类型侦测，主要是靠User Agent来进行识别，如果侦测到是手机浏览则可能重定向，让用户浏览移动设备专用版本。以往我们所指的移动设备，主要是手机等终端，现在，iPad也加入到移动终端设备的行列中来，但它拥有9.7″大屏幕，iPad的Safari浏览器带来接近PC电脑的浏览感受。所以对应iPad的网站页面必须不同于其他移动设备,区别iPad访问主要也要依靠其浏览器的User Agent来进行。

iPhone OS 3.2 SDK beta 3中描述的iPad Safari浏览器User Agent代码：

http://www.appcelerator.com/

?

?

来源：http://www.opensoce.com/?p=1153

?

?

?

?

?