第五章:最佳实践. 1.
将来自移动设备的请求重定向到专门为移动端设计的Web版本 有好几种方式可以让你使用服务端的重定向将请求重定向到你的web站点的移动版本上去。 最常见的情况是通过“嗅探”(”sniffing”)web浏览器提供的用户代理字符串(User Agent string)。 为了确定是否要提供一个你的站点的移动版本,你只需要在User Agent中寻找“mobile”字符串即可,它可以与很多移动设备匹配。 如果需要的话,你还可以在用户代理字符串中找到特定的操作系统(比如Android 2.1)。 注意:大屏幕的Android设备需要全尺寸的网站(比如平板电脑),因此在user agent中不包含“mobile”字符串,但它的user agent的其他部分基本是一样的。 2. 为移动站点设计的最常见的标记语言是 XHTML Basic。 例如: 一定要确认你的web页面的标记对于已经声明的DOCTYPE来说是有效的。 3. 在你的文档的部分,你需要提供元数据来指定你希望如何在浏览器的viewport中呈现你的页面。 想要获取更多关于如何为Android设备使用viewport元数据的信息,请阅读Targeting Screens from Web Apps。 4. 因为移动设备通常比台式机的联网速度慢得多,因此你需要想办法让你的页面尽快加载。 5. 在导航页面的时候,要避免让用户左右拖动你的页面。 要想知道更多关于如何创建伟大的移动web应用,请看W3C的移动设备最佳实践。 【编辑推荐】 【责任编辑:立方 TEL:(010)68476606】 第四章:调试.
文档内容 在Android Browser中使用控制台API 在WebView中使用控制台API 参考 调试 如果你是在为Android开发web应用,那么,你可以使用控制台(console)的JavaScript API(the console JavaScript APIs)来调试你的Javascript代码并将信息输出到logcat。
在Android Browser中使用控制台API Logcat Logcat是一个工具,用来转储(dump)系统信息日志。 要运行logcat并查看信息,从你的Android SDK tools/目录执行adb logcat ,或者从DDMS选择 Device > Run logcat。 在 Debugging你可以获取更多关于<codelogcat< code=”">. 当你调用一个console函数(在DOM的window.console对象中),输出会出现在logcat中。 那么logcat 信息看起来就是类似于下面的样子: 在各个信息的格式根据Android版本的不同可能看起来会有不同。 Android的WebKit并没有实现在桌面版浏览器中所实现的所有console API。 第三章:WebView构建应用. 文档内容 将 WebView 加入你的应用 ¨ 在Webview中使用 JavaScript ¨ 启用 JavaScript ¨ 将 JavaScript代码绑定到Android代码 处理页面导航 ¨ 历史记录导航 关键的类 WebView WebSettings WebViewClient 相关手册 Web View 如果你想发布一个web app(或者仅仅是一个web页面)作为客户端的一部分,你可以使用WebView。
第二章:屏幕适配. 概览 你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面 本文档中的技术适用于Android 2.0及以上设备,针对默认的Android Browser中及在WebView中呈现的页面 如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用,你需要仔细考虑在不同设备上你的页面看起来是怎样的。
因为Android设备有不同款型,因此你需要考虑影响你的页面在Android设备上展示的一些因素。 注意: 该文档中考虑的特性只被Android 2.0 以及更高版本上的Android Browser application(由默认Android平台提供的)和WebView(用以展现web页面的框架工具集)支持。 第一章:概览. Figure 1.
你可以使用两种方式让用户访问你的Web内容:用一种传统的方式,即通过浏览器,或者在一个Android应用中,通过在布局中加入一个WebView。 如下为第一篇: 基本上有两种方式来在Android上发布一个应用:作为一个客户端应用程序(使用Android SDK开发并作为一个.apk安装在用户设备上)或者作为一个Web应用(使用Web标准开发,并通过web浏览器访问——不需要在用户设备上安装什么)。 你选择以何种方式发布你的应用基于好几个因素,但是Android做出了一个决定,使得开发一个Web应用更为容易,为此,他们提供了: 对viewport属性的支持,能让你根据屏幕大小确定你的Web应用的合适大小 CSS以及Javascript特性,能让你根据屏幕像素密度(屏幕分辨率)提供不同风格以及图片 因此,当你决定是否要开发一个Web应用的时候,可以不用考虑屏幕支持,因为现在已经很容易在各种由Android支持的屏幕上让Web页面看起来很合适了。
Android另外一个很好的特性是你不需要单纯在客户端或者在Web端构建你的应用。 从Android 1.0开始,Android应用就可以使用WebView 来在布局中嵌入网页内容并将Javascript绑定到Android APIs上去。 为了为由Android驱动的设备开发一个Web应用,你应该阅读下面的文档: 为Web Apps设置合适大小 如何在Android设备上将你的Web应用设置为合适大小并支持多分辨率。 在WebView中构建Web Apps 如何利用WebView在你Android应用中嵌入网页,并将Javascript绑定到Android APIs。 调试Web Apps 如何使用JavaScript Console APIs调试Web应用。 Web Apps的最佳惯例 一系列你需要遵循的惯例,以便为Android设备提供有效的Web应用。 原文链接:Web Apps Overview.