iPad网页开发课程及规则
日期：2014-05-17 浏览次数：20527 次
iPad网页开发教程及规则
?
iPad开发的局限性
- 在iPad上使用Safari浏览普通网站网页的时候，网页因为太大而导致需要手动放大缩小或者滑动，虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道，但时间久了我们还是会发现这样做并不方便，给用户带来的感受并不十分好。
- 不支持Flash
在没有越狱的iPad Safari中，网站的Flash都是无法显示的，但可以通过第三方软件或插件或者浏览器来解决，不过，即使不能显示Flash，你一样能够用HTML5和CSS3实现同样的效果。
- 没有鼠标光标
这意味着鼠标属性，例如鼠标悬停属性是不可能有的。
你或许可以为这个找到一些变通的办法，但是到你的用户那里这些该如何工作将会是困难的事。
- 滚动条不能按照预期那样起作用
滚动条不能显示包含了充满过多分区的内容。框架也存在高度和宽度的问题。另外，滚动过程中需要两个手指的手势。（我们将在下文中进行充分的讨论）
- 不支持CSS固定布局
HTML 元素 position:fixed CSS属性不能正确显示，常常会使得页面停留在第一屏，无法向下翻页、放大缩小。
iPad用户侦测：User Agent(用户代理)
随着移动设备上网的普及，很多网站都会进行客户端浏览器类型侦测，主要是靠User Agent来进行识别，如果侦测到是手机浏览则可能重定向，让用户浏览移动设备专用版本。以往我们所指的移动设备，主要是手机等终端，现在，iPad也加入到移动终端设备的行列中来，但它拥有9.7″大屏幕，iPad的Safari浏览器带来接近PC电脑的浏览感受。所以对应iPad的网站页面必须不同于其他移动设备,区别iPad访问主要也要依靠其浏览器的User Agent来进行。
iPhone OS 3.2 SDK beta 3中描述的iPad Safari浏览器User Agent代码：
|
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
