iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Web移动应用 HTML5 CSS和JavaScript的示例分析
  • 332
分享到

Web移动应用 HTML5 CSS和JavaScript的示例分析

2024-04-02 19:04:59 332人浏览 八月长安
摘要

WEB移动应用 HTML5 CSS和javascript的示例分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。移动设备的广泛

WEB移动应用 HTML5 CSSjavascript的示例分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

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

许多开发者已经得出了结论:他们需要把注意力集中在特定的移动平台上——例如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 apiGoogle地图来显示用户所在位置的地图为特色的《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上。

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网JavaScript频道,感谢您对编程网的支持。

--结束END--

本文标题: Web移动应用 HTML5 CSS和JavaScript的示例分析

本文链接: https://www.lsjlt.com/news/83037.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Web移动应用 HTML5 CSS和JavaScript的示例分析
    Web移动应用 HTML5 CSS和JavaScript的示例分析,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。移动设备的广泛...
    99+
    2024-04-02
  • 移动Web离线应用的示例分析
    这篇文章主要介绍了移动Web离线应用的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 先决条件 在本文中,您将使用最新 Web ...
    99+
    2024-04-02
  • 移动web应用本地存储的示例分析
    这篇文章将为大家详细讲解有关移动web应用本地存储的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在这里中,您将使用最新的Web技术开发Web应用程序。这里的...
    99+
    2024-04-02
  • html5中video移动端的示例分析
    这篇文章主要为大家展示了“html5中video移动端的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5中video移动端的示例分析”这篇文章吧...
    99+
    2024-04-02
  • web移动开发知识点的示例分析
    小编给大家分享一下web移动开发知识点的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! 1、生命周期调用函数 常见的...
    99+
    2024-04-02
  • Html5移动端ios/Android兼容性的示例分析
    这篇文章将为大家详细讲解有关Html5移动端ios/Android兼容性的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。先说一下viewport先上模板<m...
    99+
    2024-04-02
  • HTML5移动端开发中Viewport标签及相关CSS用法的示例分析
    这期内容当中小编将会给大家带来有关HTML5移动端开发中Viewport标签及相关CSS用法的示例分析,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。移动前端中常说的 vi...
    99+
    2024-04-02
  • 移动web开发之touch事件的示例分析
    这篇文章主要介绍移动web开发之touch事件的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!前面的话iOS版Safari为了向开发人员传达一些特殊信息,新增了一些专有事件。...
    99+
    2024-04-02
  • 移动web端屏幕适配rem的示例分析
    这篇文章主要介绍了移动web端屏幕适配rem的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。rem 介绍rem 表示根元素(<...
    99+
    2024-04-02
  • HTML5在移动开发方面发展的示例分析
    小编给大家分享一下HTML5在移动开发方面发展的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!两种看法当人们讨论移动设备上的HTML5技术时,他们通常只会...
    99+
    2023-06-08
  • vue中移动端自适应的示例分析
    这篇文章给大家分享的是有关vue中移动端自适应的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。方案1:直接引入js  (自己 写的动态改变fontsize的js...
    99+
    2024-04-02
  • html5移动端视频video中android兼容的示例分析
    小编给大家分享一下html5移动端视频video中android兼容的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!android下html5的视频播放一...
    99+
    2023-06-09
  • html5活动页之移动端REM布局适配的示例分析
    这篇文章主要为大家展示了“html5活动页之移动端REM布局适配的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5活动页之移动端REM布局适配的...
    99+
    2024-04-02
  • css浮动的示例分析
    这篇文章主要介绍了css浮动的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 浮动的框概略向左或向右移动,直到它的外边际碰着...
    99+
    2024-04-02
  • css动画的示例分析
    这篇文章主要为大家展示了“css动画的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css动画的示例分析”这篇文章吧。   CSS3动画是什么?  ...
    99+
    2024-04-02
  • HTML5中Web缓存和运用程序缓存的示例分析
    这篇文章主要为大家展示了“HTML5中Web缓存和运用程序缓存的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5中Web缓存和运用程序缓存的示例...
    99+
    2024-04-02
  • CSS3动画和HTML5新特性的示例分析
    本文将为大家详细介绍“CSS3动画和HTML5新特性的示例分析”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“CSS3动画和HTML5新特性的示例分析”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体...
    99+
    2023-06-08
  • css中浮动和清理的示例分析
    这篇文章主要为大家展示了“css中浮动和清理的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css中浮动和清理的示例分析”这篇文章吧。 假设希望让一个...
    99+
    2024-04-02
  • 移动端meta行的示例分析
    小编给大家分享一下移动端meta行的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! width: viewport 的宽...
    99+
    2024-04-02
  • html5中drag和drop的示例分析
    小编给大家分享一下html5中drag和drop的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!定义和用法在拖放的过程中...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作