`
WebAppTrend
  • 浏览: 54661 次
社区版块
存档分类
最新评论

Web Apps概览

 
阅读更多

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应用,你应该阅读下面的文档:

为Web Apps设置合适大小

如何在Android设备上将你的Web应用设置为合适大小并支持多分辨率。当你在构建一个希望能在Android设备上可用的应用时(对于任何一个你要发布在Web上的东西,你都要做这个假设),这个文档中的信息是非常重要的,尤其是你的目标是移动设备或者使用WebView 的时候。

在WebView中构建Web Apps

如何利用WebView 在你Android应用中嵌入网页,并将Javascript绑定到Android APIs。

调试Web Apps

如何使用JavaScript Console APIs调试Web应用。

Web Apps的最佳惯例

一系列你需要遵循的惯例,以便为Android设备提供有效的Web应用。

原文链接:Web Apps Overview

 

译文来源:http://www.webapptrend.com/
 WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展 

请大家在关注ITeye的同时,关注我们的新浪微博 @WebAppTrend,关注我们的腾讯微博@WebAppTrend,Q Q群见官方博客右侧。
分享到:
评论

相关推荐

    OWASP_Broken_Web_Apps_VM_1.2

    #### 一、OWASP Broken Web Apps VM 概览 **OWASP Broken Web Apps VM**(虚拟机)是OWASP基金会推出的一个用于安全测试的学习平台。它包含了多个故意设计成存在安全漏洞的应用程序,旨在为网络安全学习者提供一个...

    Building Web Apps with Go

    《Building Web Apps with Go》是一本关于如何使用Go语言开发高效Web应用程序的指南。本书不仅覆盖了基础概念,还深入探讨了一些高级主题,旨在帮助读者从入门到精通。 #### 二、预备知识 在开始本书的学习之前,...

    Pro-Android-Web-Apps-Developing-HTML5-JavaScript-CSS-and-Chrome-OS-Web-Apps.pd

    ### Pro-Android Web Apps:开发HTML5、JavaScript、CSS及Chrome OS Web应用 #### 标题解析 本书的标题清晰地表明了其主要内容是关于如何使用HTML5、JavaScript与CSS来开发面向Android平台的Web应用,并提及了...

    HTML5 and JavaScript Web Apps.pdf 英文版

    #### 一、HTML5和JavaScript Web应用概览 在《HTML5 and JavaScript Web Apps》这本书中,作者Wesley Hales详细介绍了如何使用HTML5和JavaScript来构建现代的Web应用程序。本书的出版时间为2012年10月,并由O'...

    Sample of Master Mobile Web Apps with jQuery Mobile

    ### Sample of Mastering Mobile Web Apps with jQuery Mobile #### 关于本书 《Master Mobile Web Apps with jQuery Mobile》由Matt Doyle编写,Elated Communications Ltd出版。本书是针对那些希望使用jQuery ...

    Beginning iPhone and iPad Web Apps (有標示重點)

    ### 二、书籍内容概览 #### 1. **目标读者** - **对象**:对iOS设备(如iPhone和iPad)上的Web应用开发感兴趣的初学者。 - **前提条件**:有一定的HTML、CSS和JavaScript基础,想要深入了解如何利用这些技术为iOS...

    Painless web apps with React, JSX, Redux, and GraphQL

    #### 七、GraphQL 概览 GraphQL 是一种用于 API 的查询语言,它提供了一种更高效、强大的数据检索方式。 - **类型系统**:定义了 API 的结构。 - **查询**:请求数据的方式。 - **片段**:复用查询逻辑。 - **订阅...

    Web Application Developer's Guide.pdf

    ### Web Application Developer’s Guide知识点概览 #### 一、引言 - **文档约定**:在本书中,作者采用了一套特定的文档约定来确保读者能够清晰地理解内容。例如,代码片段通常会以特定的字体展示,以便于区分文本...

    Google Apps Security Whitepaper 06_10_2010.pdf

    这份白皮书《Google Apps Security Whitepaper 06_10_2010.pdf》主要探讨了Google Apps(包括Gmail、Google Calendar、Google Docs等Web应用)在商业环境中的安全性问题。这些服务通过提供高度冗余的计算环境和动态...

    带有fastapi的Web应用程序课程:为我们的FastAPI Web Apps课程的学生提供的演示代码和其他讲义

    **课程内容概览** 1. **基础概念** - 学习FastAPI的基本架构和核心概念,包括路由、依赖注入、请求和响应模型等。 2. **快速启动** - 创建第一个FastAPI项目,了解项目结构和基本的API路由设置。 3. **数据模型与...

    EXPERT-Building-Mobile-Apps-with-Ionic-2

    ### 使用Ionic 2构建移动应用的关键知识点概览 #### 引言 Ionic 2是一款基于Angular框架的开源SDK,用于构建高性能的混合移动应用程序。它提供了丰富的UI组件库,能够帮助开发者快速创建美观且功能丰富的应用程序...

    Beginning.Facebook.Game.apps.development

    #### 二、主要内容概览 - **第1章:First Steps**:介绍进入HTML5游戏开发领域的第一步,包括基础知识和工具准备。 - **第2章:JavaScript Boot Camp**:深入讲解JavaScript语言的核心概念和技术要点,为后续章节...

    Build-Siemens-MindSphere-Apps-in-Days-Without-Coding.pdf

    本文档《Build-Siemens-MindSphere-Apps-in-Days-Without-Coding》旨在介绍如何利用Edge2Web Director工具,在无需编码的情况下快速开发出高效的MindSphere应用,从而满足用户对于可视化工具的需求,这些工具可以...

    python web开发Django实验开发报告.docx

    #### 一、试验工程信息概览 本次实验的主要目的是让学生通过实际操作,深入了解Django框架的基本用法及其在Web开发中的应用。具体实验信息如下: - **实验名称**:Django Web 开发实验 - **实验地点**:管理楼320 ...

    html android开发

    #### 二、Web Apps与Native Apps对比 1. **Web Apps** - **定义**: Web Apps是通过浏览器运行的应用程序,它们通常使用HTML、CSS和JavaScript编写。 - **优势**: - 跨平台:可以在任何支持浏览器的设备上运行。 ...

    Android Apps with Eclipse.pdf

    - **第10章:项目案例:使用HTML和JavaScript的MoviePlayer**:展示如何使用Web技术构建Android应用,重点介绍HTML和JavaScript的集成方法。 - **附录A:Android应用测试**:提供关于如何测试Android应用的方法和...

Global site tag (gtag.js) - Google Analytics