获取地理位置 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” 获 …
阅读更多Flex3到Flex4，增加了Spark组件，这是Flex的一次重要升级，基本上组件全部重写了一套，为了保持向下兼容，出现了同一组件两套实现并存的现象，虽然说Spark组件中也可嵌入MX组件，但实际使用常会遇到些小麻烦，例如mx:Tree滚动条异常，透明背景无法监听鼠标事件等等，如果你使用定制的组件，写法稍有不规范，就会出现Spark下显示异常，比如之前定制的圆角文本输入框就是如此，不得不在Spark下重新实现。 Spark与MX组件的区别 Spark最大的目的或许是方便Adobe兜售它的Flash Catalyst，当然这是个玩笑，Spark组件更加轻量，更易扩展。所有的Flex组件都从UIComponent继承，Spark组件也 …
阅读更多SVG Use 标签bug 一个是use类型引用image第一次不显示的问题，究其根源是image load后，不会派发事件告诉use节点刷新，这个问题困扰我们很久，后来给firefox提交了bug(https://bugzilla.mozilla.org/show_bug.cgi?id=575210), 问题表现是，第一打开图片不显示，刷新一次就可以了 firefox很快回复了bug，与bug548795相同，而Bug 548795 depends on bug 558663 Timothy Nikkel (:tn) 2010-06-28 12:14:09 PDT I think this is probably the …
阅读更多离线程序，注意下面三处 index.html > <html manifest\="book.manifest"\> book.manifest > CACHE MANIFEST > index.html > scripts/book.js > styles/screen.css Tomcat ,WEB-INF/web.xml <mime-mapping><!-- manifest --> <extension>manifest</extension> …
阅读更多不知道大家有没注意firefox中的字体设置，包含四种名词： 衬线字体（serif，白体，罗马体）：字符端点有突起或修饰，比如宋体 无衬线字体（sans-serif，黑体）： 比例字体（Proportional font）: 字符宽度不相同的字体 等宽字体（Monospaced Font）：字符宽度相同的字体
阅读更多