Android SDK开发并作为一个.apk安装在用户设备上)或者作为一个Web应用(使用Web标准开发,并通过web浏览器访问——不需要在用户设备上安装什么)。
你选择以何种方式发布你的应用基于好几个因素,但是Android做出了一个决定,使得开发一个Web应用更为容易,为此,他们提供了:
- 对viewport属性的支持,能让你根据屏幕大小确定你的Web应用的合适大小
- CSS以及Javascript特性,能让你根据屏幕像素密度(屏幕分辨率)提供不同风格以及图片
因此,当你决定是否要开发一个Web应用的时候,可以不用考虑屏幕支持,因为现在已经很容易在各种由Android支持的屏幕上让Web页面看起来很合适了。
Android另外一个很好的特性是你不需要单纯在客户端或者在Web端构建你的应用。你可以将两者结合起来,开发一个Android应用,并嵌入一些Web页面(在Android应用布局中使用WebView )。 Figure 1给出了图示,阐述了你的Web页面既可以从浏览器上访问又可以从Android应用上访问的方式。然而,你不应该开发一个Android应用而仅仅将它 作为一个加载你网站的方式。相反,你在Android应用中嵌入的页面应该是特意为这个环境设计的。你甚至可以在你的Android应用和你的网页间定义 一个接口来让网页中的Javascript可以调用你的Android应用中的APIs——为你的基于Web的应用提供Android APIs。
从Android 1.0开始,Android应用就可以使用WebView 来 在布局中嵌入网页内容并将Javascript绑定到Android APIs上去。在Android增加了对更多屏幕分辨率的支持以后(增加了对高分辨率和低分辨率屏幕的支持),Android2.0在Webkit框架中 增加了一些特性,让Web页面可以指定viewport属性并查询屏幕分辨率以便修订风格和图片属性,也就是刚刚上面所提到的。因为这些特性是 Android的Webkit框架的一部分,Android浏览器(由该平台提供的默认浏览器)和WebView 都支持相同viewport以及屏幕分辨率特性。
为了为由Android驱动的设备开发一个Web应用,你应该阅读下面的文档:
如何在Android设备上将你的Web应用设置为合适大小并支持多分辨率。当你在构建一个希望能在Android设备上可用的应用时(对于任何一个你要发布在Web上的东西,你都要做这个假设),这个文档中的信息是非常重要的,尤其是你的目标是移动设备或者使用WebView 的时候。
如何利用WebView 在你Android应用中嵌入网页,并将Javascript绑定到Android APIs。
如何使用JavaScript Console APIs调试Web应用。
一系列你需要遵循的惯例,以便为Android设备提供有效的Web应用。
原文链接:Web Apps Overview
发表评论
-
响应式Web设计资源整理
2012-03-02 22:50 839这篇文章是对以往发表在Smashing Magazine上关于 ... -
投身移动开发必须知道的20件事
2012-03-01 23:42 755移动开发需要具体的设计考虑。这个所指的范围非常广,可以从“ ... -
聘用NodeJS开发者的六个建议
2012-03-01 23:41 845假设你正想聘用一名Node ... -
[摘要]Vision Mobile发布2012跨平台开发工具报告 PhoneGap最受欢迎
2012-03-01 23:41 902国外知名调查分析机构V ... -
Facebook发力Mobile Web 推出支付和测试工具
2012-02-28 23:49 820Facebook入场了,在MWC大 ... -
【数据】《移动优先》作者:为什么移动如此重要?
2012-02-28 23:48 938三 年前,前雅虎用户体验总监Luke Wrobl ... -
重新审视Mobile Web
2012-02-28 23:48 701作者简介:Byron是一个 ... -
WebAppTrend周刊:Google Chrome工程师推出Web App开发指南
2012-02-26 00:52 1218从本周起,WebAppTrend将精选一周内(2月20日~2月 ... -
Google Web App开发指南第四章:构建优秀的Web Apps
2012-02-24 23:13 1279构建漂亮的应用 一个web app 的视觉设计不仅 ... -
零基础学习Sencha Touch(资料和教程集合)
2012-02-23 00:41 1287译者注:本篇文章为开发者提供了零基础使用Sencha To ... -
Google Web Apps开发指南之项目样例(上)
2012-02-23 00:41 933如果缺少项目案例部 ... -
如何一步一步制作出高品质Infographic?
2012-02-20 21:23 979译者注:Infographic就 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:10 877在计算机的发展过程中 ... -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
2012-02-18 00:09 0在计算机的发展过程中 ... -
新手必读:PhoneGap入门六大问题
2012-02-18 00:08 1028很多PhoneGap新手总是需要一些基础问题的解答,Ado ... -
Google Web App开发指南第一章:什么是Web Apps?
2012-02-18 00:07 927很多人向我问起学习HTML5技术的权威入门资料,我总是毫不 ... -
Lanyrd是如何应用HTML5创建出优秀的移动Web应用的
2012-02-15 00:28 646当很多人都在等待观望 ... -
Appcelerator收购Cocoafish,旨在为Titanium平台提供即时移动云服务
2012-02-15 00:17 915译者注:Appcelerator是 ... -
Android官方文档之Web Apps最佳实践
2012-02-15 00:14 684为移动设备开发web页面或者web应用与为桌面浏览器开发web ... -
Android官方文档之Web Apps调试
2012-02-15 00:13 908概览 你可以使用控制台的Javascript方法调试你的w ...
相关推荐
#### 一、OWASP Broken Web Apps VM 概览 **OWASP Broken Web Apps VM**(虚拟机)是OWASP基金会推出的一个用于安全测试的学习平台。它包含了多个故意设计成存在安全漏洞的应用程序,旨在为网络安全学习者提供一个...
《Building Web Apps with Go》是一本关于如何使用Go语言开发高效Web应用程序的指南。本书不仅覆盖了基础概念,还深入探讨了一些高级主题,旨在帮助读者从入门到精通。 #### 二、预备知识 在开始本书的学习之前,...
### Pro-Android Web Apps:开发HTML5、JavaScript、CSS及Chrome OS Web应用 #### 标题解析 本书的标题清晰地表明了其主要内容是关于如何使用HTML5、JavaScript与CSS来开发面向Android平台的Web应用,并提及了...
#### 一、HTML5和JavaScript Web应用概览 在《HTML5 and JavaScript Web Apps》这本书中,作者Wesley Hales详细介绍了如何使用HTML5和JavaScript来构建现代的Web应用程序。本书的出版时间为2012年10月,并由O'...
### Sample of Mastering Mobile Web Apps with jQuery Mobile #### 关于本书 《Master Mobile Web Apps with jQuery Mobile》由Matt Doyle编写,Elated Communications Ltd出版。本书是针对那些希望使用jQuery ...
### 二、书籍内容概览 #### 1. **目标读者** - **对象**:对iOS设备(如iPhone和iPad)上的Web应用开发感兴趣的初学者。 - **前提条件**:有一定的HTML、CSS和JavaScript基础,想要深入了解如何利用这些技术为iOS...
#### 七、GraphQL 概览 GraphQL 是一种用于 API 的查询语言,它提供了一种更高效、强大的数据检索方式。 - **类型系统**:定义了 API 的结构。 - **查询**:请求数据的方式。 - **片段**:复用查询逻辑。 - **订阅...
### Web Application Developer’s Guide知识点概览 #### 一、引言 - **文档约定**:在本书中,作者采用了一套特定的文档约定来确保读者能够清晰地理解内容。例如,代码片段通常会以特定的字体展示,以便于区分文本...
这份白皮书《Google Apps Security Whitepaper 06_10_2010.pdf》主要探讨了Google Apps(包括Gmail、Google Calendar、Google Docs等Web应用)在商业环境中的安全性问题。这些服务通过提供高度冗余的计算环境和动态...
**课程内容概览** 1. **基础概念** - 学习FastAPI的基本架构和核心概念,包括路由、依赖注入、请求和响应模型等。 2. **快速启动** - 创建第一个FastAPI项目,了解项目结构和基本的API路由设置。 3. **数据模型与...
### 使用Ionic 2构建移动应用的关键知识点概览 #### 引言 Ionic 2是一款基于Angular框架的开源SDK,用于构建高性能的混合移动应用程序。它提供了丰富的UI组件库,能够帮助开发者快速创建美观且功能丰富的应用程序...
#### 二、主要内容概览 - **第1章:First Steps**:介绍进入HTML5游戏开发领域的第一步,包括基础知识和工具准备。 - **第2章:JavaScript Boot Camp**:深入讲解JavaScript语言的核心概念和技术要点,为后续章节...
本文档《Build-Siemens-MindSphere-Apps-in-Days-Without-Coding》旨在介绍如何利用Edge2Web Director工具,在无需编码的情况下快速开发出高效的MindSphere应用,从而满足用户对于可视化工具的需求,这些工具可以...
#### 一、试验工程信息概览 本次实验的主要目的是让学生通过实际操作,深入了解Django框架的基本用法及其在Web开发中的应用。具体实验信息如下: - **实验名称**:Django Web 开发实验 - **实验地点**:管理楼320 ...
#### 二、Web Apps与Native Apps对比 1. **Web Apps** - **定义**: Web Apps是通过浏览器运行的应用程序,它们通常使用HTML、CSS和JavaScript编写。 - **优势**: - 跨平台:可以在任何支持浏览器的设备上运行。 ...
- **第10章:项目案例:使用HTML和JavaScript的MoviePlayer**:展示如何使用Web技术构建Android应用,重点介绍HTML和JavaScript的集成方法。 - **附录A:Android应用测试**:提供关于如何测试Android应用的方法和...