HTML5手机浏览器 酷炫应用多视角揭秘

互联网 | 编辑: 沈毅成 2012-03-10 00:00:00原创 返回原文

前言 HTML5技术带来的改变

HTML5提供了一些新的元素和属性,反映典型的现代用法网站。—维基百科

一个伟大的进步,来自于人们智慧的创造,通过社会化的普及,最终服务于我们生活。人们只会关心HTML5技术将为我们生活带来怎样的改变。

建起一扇直通门,消除浏览器与程序之间由于插件产生的隔阂,让我们完全可以设想未来网页设计师们将会改变原先繁琐的工作方式,以更有效率的途径制作出一张张极其动感和几近梦幻的页面。

几乎可以预见的未来,人们在电脑、移动设备上的种种应用将变得更加有趣、高效以及形式炫丽多样。只通过一个手机浏览器窗口,即能打开所有应用程序界面,互联网的娱乐性随之大幅提升,浏览器也会正式成为独立的、几乎可无限扩展的平台,从此人与人的沟通交流也显得更加的自由与惬意。我们头脑的感知觉在酷炫十足,而又简练生动的页面空间之间进行迂回式的时空穿梭之旅,就如同科幻电影里的经典镜头,这是何等的神奇景象!

这一切就是HTML5的应用!!

HTML5网站设计案例:

(参考网址:http://disneydigitalbooks.go.com/tron/

应用HTML5新的标签、CSS3特效、强大的JavaScript技术,把细腻、动感、带着丰富互动性的页面效果淋漓尽致地表现出来,构筑前所未有的神奇页面。

手机浏览器也逐步向HTML5内核标准靠拢

浏览器的开发商看准这项技术的发展潜力,纷纷推出基于HTML5内核的手机浏览器,并竭尽全力宣传自己的手机浏览器产品。

视频:HTML5手机浏览器调用摄像头实时摄像上传

(参考网址:http://v.youku.com/v_show/id_XMzIzMTA0NTQw.html

视频里运用HTML5手机浏览器实时获取手机摄像头数据,并且直接分享到电脑以及网络上,让我们感到信息传递已经如此直接,技术实现如同人们的思考问题一样自然随意。

各种支持HTML5的手机浏览器

(HTML5测试网站:http://html5test.com/

欧朋手机浏览器H5体验版在Android和iOS平台测试分均为306+9,而Opera Mobile 12在专业测试网站获得了354+10的高分,可见该浏览器鼎立支持HTML5,想全体验HTML5应用的可下载这款浏览器。

欧朋浏览器 H5体验版 Android下载

Chrome手机浏览器综合性能方面一直在业界全面保持着领先地位,在针对Android 4.0平台的HTML5跑分测试上获得343+10的较高成绩,官方已称之后版本会进一步增强对HTML5标准的支持。

Chrome Android下载

火狐手机浏览器拥有强劲的性能,支持业内最领先的互联网技术,最新Android版火狐在HTML5跑分测试上获得315+9的成绩。

Firefox Mobile 火狐浏览器 Android下载

傲游手机浏览器早在去年就已经开始全面支持HTML5标准,可以支持大部分该标准的在线游戏以及WEB应用。

傲游手机浏览器 Android下载

海豚浏览器在iPhone、Android平台上的HTML5跑分获得非常理想的成绩,而且官方承诺下周发布的新版海豚浏览器对于HTML5的支持会产生质的飞跃。

海豚浏览器 Android下载 iPhone下载

UC浏览器8.2,在Android、iPhone的双平台上都很稳定地支持了HTML5内核,并且同样在相关测试网站上取得了公认的好成绩。

UC浏览器 Android下载 iPhone下载

腾讯旗下Q立方浏览器采用X5内核,凭借腾讯公司的技术实力,全面地支持HTML5网页应用标准。

Q立方浏览器X5 Android下载

华为的天天浏览器T9体验版和欧朋相同,将HTML5应用单独提炼出来,让用户从不同角度获取清晰体验。

天天浏览器T9 Android下载

HTML5影音 指南针 重力感应

写在体验前的话:

以下所有的应用体验,用户都可以下载HTML5手机浏览器体验版,通过访问各浏览器专用的体验网页轻易实现,小编只是把体验感受加以提炼,描述出其应用原理所在。

影音播放:

(测试网址:http://videojs.com/ )使用HTML5手机浏览器登录体验。

通过HTML5的

HTML5让浏览器独立播放影音,优点是:稳定、流畅、省电。要知道以往的浏览器都采用第三方播放器,所以常常会遭遇播放器崩溃的情形,这将会导致整个网页必须重新打开,影片一切重头播放的情况,而那时候也许你正看到电影的高潮部分,心情如何可想而知。现在有了HTML5技术,就避免了以往经常发生的播放器崩溃情况,保证了影音的稳定,流畅的体验。而从省电方面讲,第三方播放器或者插件都比较耗电,而支持HTML5播放的浏览器,可以独立进行影音播放,所以也就起到了省电的作用。

指南针:

HTML5集成了DEVICE API,完全可以调取手机上的传感器数据,以后浏览器能通过网页来为你指明“东西南北”方向,这会是你远足旅行的好帮手。

重力感应:

重力感应系统常常用在手机游戏开发当中,如今欧朋的体验版把这一项技术单独提取出来,清晰地呈现在用户眼前。你将会看到HTML5通过Device orientation调取重力感应和重力加速数据,执行网页上的重力动态效果图。

HTML5拍照 地图 离线存储 Canvas

拍照功能:

浏览器通过HTML5标准网页来获取照相、联系人、短信、电话等手机应用的数据信息,从而实现完全基于网页的应用,比如拍照、显示联系人、发短信、电话等众多酷炫功能。

地理定位:

HTML5的 Geolocation API 可以调用手机里的定位数据,让你在浏览器网页上直接打开地图,进行寻路、定位、搜索景点场地等操作。

离线存储:

HTML5离线存储有两大好处:一是可以离线浏览手机网页。当你访问过某个网页后,支持HTML5的手机浏览器会自动帮你把页面存储起来,以便在下次无法联网的情况下一样能够打开页面。二是可以加快浏览速度。通过离线存储后,一些文件已经在你的手机里,当你再次访问相同页面时候,浏览器对于缓存里有的相同元素将不会重新下载,从而达到快速访问页面的效果。

Canvas:

Canvas是HTML5的一个新元素。以往浏览器要实现动画效果都需要播放插件,现在HTML5浏览器结合网页脚本语言可以无需任何第三方插件,独立地实现逼真有趣的动画效果。这对今后网页及游戏的开发设计带来了全新的思维方式和实现途径。

HTML5游戏 网络字体 CSS特效

网页游戏:

不知道用户有多少人已经是HTML5网页游戏的老鸟,但是对其原理不一定都知晓。其实是同样的道理,通过HTML5接口,浏览器可以提取网页的游戏数据,结合脚本语言独立地执行游戏程序,让你自由方便地通过网页畅玩游戏,这在目前已经是非常时髦的应用了。

网络字体:

可以把字体存放在网络空间,然后呈现在网页上,这个应用会让浏览器不再需要本地字体库,就能呈现很绚丽多彩的字体。文字还可以复制、黏贴、甚至自己来设计,设计出的字体存放于网络空间,再通过HTML5浏览器,展示在不同的手机平台上。

CSS3 特效:

CSS3 也是HTML5的内容。相比CSS2,CSS3 根据HTML5标准添加了很多新属性,能够轻松实现阴影、过渡、转换、圆角等特效,无需经过专业图片软件处理,可以说提高了网页设计的自由度,这功能普及后,网页内容的表现相比过去将会更加灵活与多样。

总结:

HTML5如同一位轻歌曼舞的魅惑女郎,在互联网舞台上展现其若隐若现的独特舞姿,并以新颖、自由、无禁忌的感受特点,时刻勾起人们对于互联网最疯狂的遐想。也许不久将来,人们通过HTML5建立起的互联网环境相比现在会有颠覆性的改变,而且这种改变甚至会让目前的我们觉得光怪陆离而无法想象。

返回原文

本文导航

相关阅读

每日精选

点击查看更多

首页 手机 数码相机 笔记本 游戏 DIY硬件 硬件外设 办公中心 数字家电 平板电脑