事件处理 本章介绍iPhone OS中用户网页交互时产生的事件，表单和文档会产生和桌面版相似的事件，iPhone OS 上的 Safari通过手势模拟鼠标事件，此外你还可以直接监听多点触摸和手势事件，这些是iPhone OS特有的，方位事件是另一种iPhone OS特有的事件，还有一点需要知道是哪些事件不被支持，如剪切，复制，粘贴。 用户可使用手势代替鼠标事件，如双拍缩放，滑动平移，但是单触多点触摸能否产生这些事件取决于点击对象是否可点击或者可滚动，见 “One-Finger Events” 和 “Two-Finger Events.”中的描述。 可点击对象有：链接，表单对象，图片热点区或者其他添加了 mousemove, …
阅读更多数据的客户端存储 网页或网站程序有几种方式在客户端存储数据，你可以使用 JavaScript database 类，详见 Safari Client-Side Storage and Offline Applications Programming Guide, 在客户端存储程序数据或使用 HTML5 缓存资源文件，可以使网页在离线状态下依然可以显示，同样使用客户端缓存也可以提高网页的加载速度，降低网络连接数。本章节将描述如何利用HTML5程序缓存和数据的本地存储 要在客户端缓存资源，首先需要配置一个资源列表文件，并在主网页中申明这个列表文件，然后你可以使用JavaScript操作缓存以及相关操作。当没有可用网络时，之前被加载过的资 …
阅读更多网页内容优化 优化iPhone OS下网页内容的第一步：将iPhone OS特有的内容与桌面版本的分开，接下来为iPhone OS调整网页。即使你的目标平台不是iPhone OS，你也可以按这些步骤操作，这可以确保你的网页在以后更容易维护 使用条件判断CSS，为iPhone OS创建特有的样式，见 “Using Conditional CSS.” 中的描述，你还可以通过对象侦测和WebKit侦测使用主流浏览器不支持的扩展功能 “Follow Good Web Design Practices” ，如果有必要，使用user agent字符串判断Safari版本和设备类型 “Using the Safari User Agent …
阅读更多定制样式表 配置视口是优化iPhone OS下网页最重要的途径，但样式表能提供更多的优化手段。举个例子，使用iOS CSS扩展可以控制文字大小和元素的高亮，如果你使用条件CSS，可以不影响网页在其他浏览器下的显示效果。 查阅 “Optimizing Web Content” 了解如何使用条件CSS， “CSS Basics” 学习如何向HTML中添加CSS，参阅Safari CSS Reference 获取完整的Safari所支持的 CSS 属性列表 利用CSS3属性 Safari中有很多可用的CSS3属性，其中以 -webkit- 前缀的通常是被提议的CSS3属性或者是Apple的CSS扩展，如下面的例子，你可以使用下面的CSS属 …
阅读更多获取地理位置 iPhone OS Note: 地理位置类从 iPhone OS 3.0 开始提供. 本章介绍获取和跟踪主机设备地理位置信息的相关JavaScript类，这些类隐藏了位置信息如何获取的具体实现──是通过GPS， IP地址，Wi-Fi，蓝牙或者其他技术？这些类允许你获取当前位置，或者一系列位置更新信息。 地理位置类 Navigator 对象具有只读的 Geolocation 实例变量，你可以通过这个 Geolocation 对象获取位置信息， Geolocation 中获取位置信息的函数通常可以设置回调函数， PositionCallback 或者 PositionErrorCallback 实例，因为获取位置信息可能会 …
阅读更多表单设计 iPhone OS上有很多调整表单的方法，这使表单更好用。在iPhone OS 有限的屏幕下，表单应该整洁，尤其当你为iPhone OS专门设计网页时，网页程序可以有很好的用户体验，甚至如同本地程序一样的效果，因此，用户期待他们如同本地程序同样的行为。 本章说明如何让你的表单在iPhone OS中很好的工作： 考虑键盘显示隐藏时所占用的屏幕空间 使用CSS扩展创建定制控件 自动纠错与大写字母的使用 参阅 iPhone Human Interface Guidelines for Web Applications 了解更多iPhone OS下表单布局和网页程序设计的技巧，阅读 “Hiding Safari User …
阅读更多配置网页应用程序 网页应用程序要设计成与本地程序有相似的界面和操作方式，举个例子，它可以缩放填充整个iPhone OS屏幕，这样你可以无缝的将你的网页程序放到主屏上，如同其他本地程序那样，这些为iPhone OS做的设置在其他平台下是不被理睬的。 举个例子，你可以设置一个特殊的图标，当它被添加到主屏时可以显示这个图标，这在 “Specifying a Webpage Icon for Web Clip.”中有详细描述。 当你的网页程序通过主屏启动时，你可以隐藏Safari界面，参阅 “Changing the Status Bar Appearance” 和 “Hiding Safari User Interface …
阅读更多配置视口 iPhone OS 版本的Safari使用缩放模式显示网页，通常为桌面版设计的网页在这种模式下都工作良好，如果默认设置不适用于你的网页，那推荐你修改视口设置，如果你专门为iPhone OS设计网页，更加需要修改视口配置。配置视口很简单，就是在网页中添加一行代码，当然要理解视口属性如何对iPhone OS中的网页起作用是很复杂的。配置视口前，你需要深入了解iPhone OS中的可见区域和视口区域。 如果你已经熟悉了iPhone OS的视口机制，可以阅读 “Using the Viewport Meta Tag” 了解视口标签的详细使用，阅读 “Viewport Settings for Web Applications” 获 …
阅读更多