HTML5移动Web开发
上QQ阅读APP看书,第一时间看更新

1.3 移动端的Web浏览器

随着Android系统手机、iOS系统手机、Windows Phone系统手机的不断推出,手机中都会用到移动Web浏览器。例如:

(1)Android中的Android Browser。

(2)iOS中的Mobile Safari。

(3)UC浏览器、QQ浏览器、百度浏览器等。

这些移动Web浏览器不同于过去的WAP浏览器,它们可以识别和翻释HTML、CSS、JavaScript代码,并且大多数移动端Web浏览器都是基于Webkit的。在PC端浏览器中,谷歌的Chrome浏览器、Apple的Safari浏览器都内置了Webkit引擎,并对HTML5提供了很好的支持。在移动端方面,Mobile Safari和Android Browser作为大用户平台内置的移动Web浏览器,更是继承各自PC端浏览器的特点,采用Webkit引擎并对HTML5提供良好的支持。

移动Web浏览器可以直接访问任何通过HTML等语言构建的网站或应用程序。例如,通过iPhone手机上的Safari浏览器访问了黑马程序员网站的首页,如图1-2所示。

图1-2 移动Web浏览器

下面作为对比,在PC端访问黑马程序员网站的首页,如图1-3所示。

图1-3 PC端网站首页

通过同一个网站针对不同端的设计对比,反映了移动Web浏览器的一些特点。

1.屏幕尺寸限制

移动Web浏览器受到屏幕尺寸的限制,所以移动端网站的设计会将本站最核心的产品进行展示,菜单栏会缩进在菜单中。

2.加入手势操作

移动端会支持触屏、滑动、缩放等手势操作。

3.硬件设备局限性

PC端硬件配置相对强大,各种浏览器对硬件的要求已经无须太多的限定。而手机的性能相对于PC端要低得多,内置的浏览器需要考虑硬件因素。所以,移动Web浏览器功能相对有限。但是,随着手机硬件设备的不断加强,移动Web浏览器支持的功能也越来越多。

4.可支持HTML5规范

现在的移动Web浏览器都可以支持HTML5,这包括HTML5规范、CSS3规范和JavaScript脚本代码。