- HTML5移動Web開發
- 黑馬程序員
- 637字
- 2019-10-14 11:57:13
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腳本代碼。