`
yangyou230
  • 浏览: 1639319 次
文章分类
社区版块
存档分类

Web开发的未来HTML5 CSS JavaScript

 
阅读更多

移动设备的广泛使用,使许多传统开发者很无奈。一个企业真的既需要一个Web站点又需要一个移动应用程序吗?本文讨论了HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5,CSS和JavaScript应用程序才是未来的趋势。

  许多开发者已经得出了结论:他们需要把注意力集中在特定的移动平台上——例如iPhone,Windows7或Android。而其他人开始意识到有许多开发工具可以让他们利用现有的技能——不管是HTML,CSS和JavaScript,还是像C或C++那样的现行的编程语言。就像我们在开发者专用的iPhone报告中讨论的那样,那些移动应用程序的工具,被用来建立本机应用程序,它可以使用移动设备提供的绝大多数的原生功能——例如GPS,摄像头,联系人,加速器等。

  移动Web应用程序开发工具

  PhoneGap是一个开源的开发框架,用来构建跨平台的使用HTML,CSS和JavaScript的移动应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动。PhoneGap是免费的,但是它需要特定平台提供的附加软件,例如iPhone的iPhone SDK,Android的Android SDK等。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。

  有一些框架,比如Rhodes,允许开发者为几乎所有的移动平台建立本机应用程序,包括iPhone,Windows Mobile,BlackBerry,Symbian和Android。和PhoneGap类似,你必须为每个平台分别编译你的代码。它也支持大多数智能手机提供的原生功能,包括地理定位,联系人和摄像头图像捕获。Rhodes是免费的,遵守MIT协议。一个称作RhoHub的云计算服务可以让开发者使用Rhodes框架,在线开发应用程序,而不需要在他们的计算机上安装每个平台的最新的SDK。应用程序使用HTML和Ruby来建立,并且在云中构建。

  真正的可移植的HTML 5 Web应用程序怎么样?

  最近,使用跨平台技术来进行软件开发的探索令开发者们兴奋不已。有这样一个工具:iUI,它是iPhone用户界面框架,使用JavaScript,HTML和CSS,它可以被用来建立Web应用程序,这些应用程序可以运行在任何支持HTML5的浏览器上。虽然它的设计初衷是为了建立有着iPhone SDK构建的本机应用程序那样的外观和感觉的应用程序,但是,用iUI建立的Web应用程序几乎可以在所有的智能手机上运行,只要它包含一个符合标准的Web浏览器。iUI相对来说比较新,并没有一个用户界面,所以需要一些耐心和技巧才能使用它。其他的类似框架包括iWebKit和JQTouch。

  另一个移动开发工具是Sencha Touch,它是一个HTML 5移动应用程序框架。像iUI一样,Sencha Touch也是使用HTML5,CSS3和JavaScript来实现的,它可以在Android,iPhone和iPad平台上使用,也可以在其他带有HTML5兼容的Web浏览器的平台上使用。它支持像pinching和stretching那样的触摸事件,为了在移动应用程序商店上分发,也可以是基于Web的或使用Objective-C层来包装。Sencha Touch是开源软件,所以如果你正在开发一个和GNU GPL v3协议兼容的开源应用程序,那可以免费使用它。Sencha还提供了一个以地理定位,使用Sencha Touch API和Google地图来显示用户所在位置的地图为特色的《Sencha Touch入门》的教程。

  Chrome应用程序商店:HTML5应用程序登上舞台

  在2010年5月,Google宣布要建立Chrome Web应用程序商店,它是一个Web应用程序的市场。这些Web应用程序使用标准Web技术(HTML5,CSS和JavaScript)来构建,任何使用Web浏览器的人都可以访问和使用它们。当然,那些浏览器(比如Chrome,Safari,Opera或MSIE9)需要支持上面提到的那些Web技术。当用户“安装”了一个Chromen Web应用程序商店的Web程序,会添加一个快捷方式,它让用户可以访问这个应用程序,并在Web浏览器中打开这个Web应用程序。Google并没有给出这个应用程序商店正式开放的日期,但是一旦这个应用程序商店开放,对开发者来说,它将不会有繁琐的审批程序,也无须为提交一个应用程序而付费。

  Web应用程序最终会标准化吗?

  在停滞了几年以后,World Wide Web 协会(W3C)最近开始继续HTML5规范的制定工作。他们的回归引发了Web Hypertext Application Working Group(WHATWG)的不安,这个组织是由浏览器制造商(包括Opera软件,Mozilla和苹果)组成的,他们在2004年6月开始标准制定工作。Ian Hickson,他是HTML5规范的编写者,预计这个规范在2012年可以进入候选推荐标准阶段,但是不要指望它在2022年以前会成为一个正式的W3C推荐标准——是的,从现在开始需要等上12年以上。

  所有主流的移动平台,包括苹果的iOS,Google的Android和Palm的WebOS,都使用基于WebKit的浏览器,所以像HTML 5和CSS 3这样的技术将可以继续得到改进和支持。甚至,微软在即将到来的MSIE 9中也会对HTML 5提供支持。虽然它在10年内也许还不会成为正式的标准,但是它已经逐渐地被主流的浏览器提供商支持了,并且越来越多的站点和服务——例如YouTube Mobile,Google Gmail,Scribd,和苹果的iPhone,iPad都用HTML 5来代替像Adobe的Flash那样的插件。HTML 5已经是铁板钉钉的事了。

  总是会有一些企业认为:针对每个主流的平台,他们必须有一个本机的移动应用程序,但是人们还是更倾向于使工作变得更轻松,而不是更困难。新兴的Web标准可以用来建立炫酷的应用程序,就像Apple,Google和Sencha展示的Demo那样。在将来,一个Web应用程序应该可以运行在大多数的移动平台上——如果不是所有的话,它应该可以运行在任何一个HTML 5兼容的Web浏览器上,不管这个浏览器是在一个移动设备上还是在一个台式的PC上。

分享到:
评论

相关推荐

    揭秘HTML5和CSS3

    HTML5新增和移除的元素 HTML5基本布局 HTML5对表单的支持 HTML5 DOM变化 HTML5的Javascript APIs Canvas Video/Audio Drag&Drop Geolocation Application Cache Database Storage X-Document Messaging

    HTML5高级程序设计

    本书面向有一定经验的web 应用开发人员,对html5 及未来web 应用技术发展抱有浓厚兴趣的读者也可以学习参考。 第1章 html5概述 1 1.1 html5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发html5 3 1.4 新的...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...

    《Web前端开发》教学大纲

    《Web前端开发》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及...

    完整版《HTML5高级程序设计》5

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    完整版《HTML5高级程序设计》2

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    完整版《HTML5高级程序设计》4

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    W3CSchool上的Web开发教程

    W3School将为您回答这个问题,在您成为专业Web开发者的路上助一臂之力,从而更好地应对未来的挑战。 如果您是初学者,请您阅读《网站构建初级教程》。 如果您是开发者,请您阅读《网站构建高级教程》。 W3School ...

    HTML5程序设计(第2版).[荷]Peter Lubbers(带详细书签).pdf

     《深入HTML5编程(第 2版)》面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。 第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发...

    HTML5高级程序设计.part5

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    Web前端开发的现状和未来

    《编写高质量代码--Web前端开发修炼之道》作者曹刘阳的讲座PPT,主要内容包括:1)前端的发展和现状;2)行业内前端的位置;3)前端的实际工作;4)面临的问题;5)未来的机遇;6)建议的修炼之路

    完整版《HTML5高级程序设计》3

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    HTML5高级程序设计.part4

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    HTML5高级程序设计.part1

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    HTML5高级程序设计.part2

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    HTML5高级程序设计.part3

     本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新...

    宝马汽车带背景音乐网页(6页,可用作Web期末作业)

    通过这个项目,学生们将学习到如何使用HTML、CSS和JavaScript等Web开发技术,来创建和设计一个功能齐全、外观精美的网站。他们将学习如何使用响应式设计,确保网页在各种设备和屏幕尺寸上都能良好地显示。此外,他们...

    [案例源码]HTML 5网页案例大全

    HTML 5作为新一代Web技术开发标准,目前已经获得众多浏览器厂商的支持,同时在多数手机端平台上得到充分的发挥利用,先学会HTML 5无疑是开发者在未来职场上的一把金钥匙。 本书分3大部分,分为从宏观上认识HTML 5、...

Global site tag (gtag.js) - Google Analytics