更新時間:2022-11-02 來源:黑馬程序員 瀏覽量:
隨著智能手機、平板計算機等移動設(shè)備的普及以及硬件設(shè)備的完善,移動Web瀏覽器對新技術(shù)的支持日益加大,移動Web開發(fā)的用戶體驗和網(wǎng)站性能也得到了逐步的提高,這些都極大地促進(jìn)了移動Web技術(shù)的發(fā)展。
移動Web開發(fā)主要由HTML、CSS和JavaScript等技術(shù)實現(xiàn),項目的呈現(xiàn)依賴于移動端Web瀏覽器。在移動Web開發(fā)中,需要注意以下2點:
(1)由于屏幕大小的限制,在移動Web開發(fā)中,頁面的結(jié)構(gòu)不能過于復(fù)雜,開發(fā)人員要提煉出該網(wǎng)站心的功能,并簡潔清晰地呈現(xiàn)出來。
(2)頁面的一切交互活動由鼠標(biāo)控制變成了手指觸屏控制,操作方式更加豐富,如搖一搖、雙指放大、滑動、雙擊、單擊等。因此移動Web開發(fā)需要增加一些觸屏事件。
移動端的Web瀏覽器
移動Web開發(fā)項目的呈現(xiàn)依賴于移動Web瀏覽器。那么移動Web瀏覽器主要有哪些呢?隨著Android、iOS操作系統(tǒng)設(shè)備的不斷推出,移動端出現(xiàn)了多種瀏覽器。例如,Android系統(tǒng)內(nèi)置的Android Browser、iOS系統(tǒng)內(nèi)置的Mobile Safari,以及一些國產(chǎn)的瀏覽器,如UC瀏覽器、QQ瀏覽器、百度瀏覽器等。這些移動Web瀏覽器不同于過去的WAP瀏覽器,它們可以識別和解析HTML、CSS、JavaScript代碼。而且大多數(shù)移動Web瀏覽器是基于WebKit內(nèi)核的,可以很好地支持HTML5。
下面對比移動端Web瀏覽器和PC端Web瀏覽器的區(qū)別。通過移動端iPhone手機上的Safari瀏覽器訪問黑馬程序員網(wǎng)站的首頁和在PC端通過Chrome瀏覽器訪問黑馬程序員網(wǎng)站的首頁,如下所示。
通過同一個網(wǎng)站針對不同終端的設(shè)計對比,可以反映出移動Web瀏覽器的以下3個特點:
(1)移動端Web瀏覽器受到屏幕尺寸的限制,不能顯示太多的內(nèi)容。
(2)移動端Web瀏覽器支持一些手勢操作,如觸屏、滑動、縮放等。
(3)移動端Web瀏覽器需要考慮硬件因素,設(shè)備性能問題。