"Desktop Safari"上已知的"Safari on iPad"差异列表

Question

在最近在Windows/Mac桌面浏览器上测试Web应用程序 - 然后在iPad上我注意到Safari中的各种差异,这是我没想到的.即使版本#是相同的.

我想编写一份这些差异的列表(对我自己和其他人)作为开发人员参考.

例如在iPad上的Safari中

• iPad Safari完全控制选择列表/选项样式
• 当输入元素获得焦点时,iPad会打开屏幕键盘,因此内联浮动日历窗口小部件(等)可能无法按预期工作(或需要更改)
• iPad Safari不支持position:fixed桌面Safari <iOS 5
• iPad Safari(类似于iPhone/iPodTouch Safari)自动超链接10位数字以提供电话号码/联系方式
• iPad Safari prompt('long message...','default');只显示消息的1行(尽管它确实提供了消息的滚动

我从其他人那里听说某些JavaScript不起作用等等,但我还没有完全测试它,因此我很感激您可能遇到的任何发现.

Answer 1

还有一些对你来说:

1. 没有Flash
2. Lousy iFrame支持(因此facebook等需要iPad的自定义实现)
3. 奇怪的缓存限制
4. HTML textAreas没有滚动条(你需要双指滑动 - 这当然是非常直观的)

一般来说.把它当作一个放大的iPhone,而不是缩小的桌面.

Answer 2

看起来 iPad Safari 的元素也有问题，overflow:auto;因此应该显示滚动条（带有 div 和 iframe 的测试页面）。