教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

移動(dòng)端如何單獨(dú)開發(fā)不同于pc端的頁面?

更新時(shí)間:2020年12月18日18時(shí)06分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓(xùn)

  單獨(dú)制作移動(dòng)端頁面,通常的做法是不改變原有的PC端頁面,然后針對移動(dòng)端單獨(dú)開發(fā)出一套特定的版本。通常,在網(wǎng)站的域名中使用二級(jí)域名“m”(含義為mobile)來表示移動(dòng)端網(wǎng)站。例如,在移動(dòng)端瀏覽器中訪問網(wǎng)址https://main.m.taobao.com/,即可打開淘寶網(wǎng)的移動(dòng)端頁面。有些網(wǎng)站還會(huì)智能地根據(jù)當(dāng)前訪問的設(shè)備來跳轉(zhuǎn)到對應(yīng)的頁面。如果是移動(dòng)設(shè)備,則跳轉(zhuǎn)到移動(dòng)端頁面,如果是PC端設(shè)備,則跳轉(zhuǎn)到PC端頁面。

  下面列舉幾個(gè)比較常見的單獨(dú)制作移動(dòng)端頁面的網(wǎng)站,網(wǎng)站首頁的顯示效果如圖1所示。

  圖1 單獨(dú)制作移動(dòng)端頁面的網(wǎng)站

  在圖1中,分別展示了淘寶首頁、京東首頁和蘇寧首頁的移動(dòng)端頁面效果。

  單獨(dú)制作移動(dòng)端頁面這個(gè)方案優(yōu)點(diǎn)在于,可以充分考慮到平臺(tái)的優(yōu)勢和局限性,從而創(chuàng)建良好的用戶體驗(yàn)設(shè)計(jì),并且網(wǎng)頁在移動(dòng)設(shè)備上加載更快。

  由于單獨(dú)制作移動(dòng)端網(wǎng)站會(huì)產(chǎn)生多個(gè)URL(PC端一套URL,移動(dòng)端一套URL),因此重定向移動(dòng)網(wǎng)站需要花費(fèi)一些時(shí)間。同時(shí),需要對搜索引擎做一些處理,維護(hù)成本會(huì)增加。而且,它可能需要針對不同的屏幕尺寸去分別制作一個(gè)網(wǎng)站,這樣訪問不同的網(wǎng)址會(huì)產(chǎn)生不同的頁面效果,工作量比較大。




猜你喜歡:

彈性盒布局常用屬性列舉【web前端】

創(chuàng)建超鏈接的基本語法有哪些?

Js變量命名規(guī)范【傳智播客】

傳智教育web前端培訓(xùn)課程

0 分享到:
和我們在線交談!