2014年Android教程之用 HTML 5 构建 Web 应用程序(二).pptVIP

Android教程之用HTML5构建web应用程序（二） 清单 4. 移动浏览器 构建未来的应用程序 清单 5. Foursquare 代理 servlet 清单 6. 用位置进行搜索 清单 7. 使用场所构建 UI 1 AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG #iPhone 3.1.3 Simulator Your browsers user-agent: Mozilla/5.0 (iPhone Simulator; U; CPU iPhone OS 3.1.3 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7E18 Safari/528.16 Web Workers? false Database? true Video? true Can play H.264? maybe Can play OGG? no Geolocation? true Latitude: 37.331689 Longitude: -122.030731 Android教程之清单 4. 移动浏览器 2 #Android 1.6 Emulator Your browsers user-agent: Mozilla/5.0 (Linux; Android 1.6; en-us; sdk Build/Donut) AppleWebKit/528.5+ (KHTML, like Gecko) Version/3.1.2 Mobile Safari/525.20.1 Web Workers? false Database? false Video? false Geolocation? false   #Android 2.1 Emulator Your browsers user-agent: Mozilla/5.0 (Linux; U; Android 2.1; en-us; sdk Build/ERD79) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 3 Mobile Safari/530.17 Web Workers? true Database? true Video? true Can play H.264? no Can play OGG? no Geolocation? true Latitude: Longitude: 4 上述代码中显示了最新的 iPhone 模拟器之一以及两种 Android。Android 1.6 不支持我们上述的这些检测。但实际上只要使用 Google Gear 它就能支持除视频之外的所有这些特性。它们就相当于是 API（就功能而言），但它们并不符合 Web 标准，因此会得到 清单 4 中所显示的结果。将它与 Android 2.1 做个对照，后者支持所有这些特性。 请注意，iPhone 惟一不支持 Web worker。清单 3 显示出 Safari 的桌面版本支持 Web worker，因此有理由相信这个特性不久也将会出现在 iPhone 中。 知道了该如何检测用户浏览器的这些特性之后，现在，让我们来探究一个简单的应用程序，这个应用程序将会综合使用这些特性 — 这取决于用户浏览器能处理什么。我们要构建的这个应用程序的功能是使用 Foursquare API 搜索某用户所在地周边的热点场所。 5 这个例子的重点是如何在移动设备上使用地理定位，但请记住 Firefox 3.5+ 也支持地理定位。这个应用程序首先查找用户当前位置附近的称为场所 的 Foursquare。场所可以是任何东西，但通常是指饭馆、酒吧、商店等。作为一个 Web 应用程序，我们的示例也受限于目前所有浏览器均执行的同源策略。它不能直接调用 Foursquare 的 API。而是使用一个 Java servlet 来实际代理这些调用。之所以采用 Java 并没有任何特别之处；您也可以用 PHP、Python、Ruby 等轻松编写一个类似的代理。清单 5 显示了一个代理 servlet。 Android教程之构建未来的应用程序 6 public class FutureWebServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException