基于web的移動(dòng)端開(kāi)發(fā) js判斷訪問(wèn)端是否是手機(jī)移動(dòng)端和什么瀏覽器?
js判斷訪問(wèn)端是否是手機(jī)移動(dòng)端和什么瀏覽器?要添加問(wèn)題,請(qǐng)以網(wǎng)易Lofter為例。用戶(hù)從PC端的訪問(wèn)是圖1中的界面,用戶(hù)從移動(dòng)端的訪問(wèn)是圖2中的界面。在發(fā)展過(guò)程中,我們的共同做法是什么?你能詳細(xì)地告訴
js判斷訪問(wèn)端是否是手機(jī)移動(dòng)端和什么瀏覽器?
要添加問(wèn)題,請(qǐng)以網(wǎng)易Lofter為例。用戶(hù)從PC端的訪問(wèn)是圖1中的界面,用戶(hù)從移動(dòng)端的訪問(wèn)是圖2中的界面。在發(fā)展過(guò)程中,我們的共同做法是什么?你能詳細(xì)地告訴我們嗎?是在頁(yè)面加載時(shí)通過(guò)JS判斷,然后從定向頁(yè)面開(kāi)始?還是默認(rèn)主頁(yè)?保留PC前端代碼和移動(dòng)前端代碼,加載頁(yè)面時(shí)根據(jù)JS判斷顯示PC/移動(dòng)風(fēng)格代碼?我希望那些有這種發(fā)展經(jīng)驗(yàn)的人能給我一些建議。傳統(tǒng)的前端開(kāi)發(fā)通常是指web前端開(kāi)發(fā),主要應(yīng)用于PC端。然而,目前的前端開(kāi)發(fā)除了PC端外,還包括了移動(dòng)端,移動(dòng)端開(kāi)發(fā)的技術(shù)結(jié)構(gòu)也出現(xiàn)了一些新的變化。
在技術(shù)結(jié)構(gòu)上,傳統(tǒng)PC端主要采用HTML、CSS和JavaScript,而移動(dòng)端需要包括Android開(kāi)發(fā)、IOS開(kāi)發(fā)和WP開(kāi)發(fā)。Android開(kāi)發(fā)需要學(xué)習(xí)Java或kotlin,IOS開(kāi)發(fā)需要學(xué)習(xí)oC或swift,WP開(kāi)發(fā)需要掌握C語(yǔ)言。目前,許多開(kāi)發(fā)團(tuán)隊(duì)已經(jīng)將移動(dòng)開(kāi)發(fā)納入了前端開(kāi)發(fā)團(tuán)隊(duì)。對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō),他們需要進(jìn)一步豐富自己的知識(shí)結(jié)構(gòu),以提高自己的工作競(jìng)爭(zhēng)力。
在開(kāi)發(fā)模式上,PC開(kāi)發(fā)可以呈現(xiàn)的內(nèi)容更加豐富,可以采用的操作模式更加靈活。然而,對(duì)于移動(dòng)終端,可以呈現(xiàn)的內(nèi)容通常是有限的。為了讓用戶(hù)有更好的使用體驗(yàn),我們需要在頁(yè)面設(shè)計(jì)上下功夫。由于移動(dòng)終端的屏幕尺寸有限,移動(dòng)終端的設(shè)計(jì)不能像PC那樣大而全,移動(dòng)終端應(yīng)該追求“小而美”,在有限的屏幕上呈現(xiàn)更豐富的內(nèi)容,這往往是移動(dòng)終端設(shè)計(jì)的難點(diǎn)。
在部署模式下,PC端通常不需要安裝任何軟件,只要產(chǎn)品部署到網(wǎng)絡(luò)上,PC端就可以通過(guò)瀏覽器進(jìn)行訪問(wèn)。對(duì)于移動(dòng)端來(lái)說(shuō),往往需要在應(yīng)用市場(chǎng)下載相應(yīng)的應(yīng)用產(chǎn)品后才能接入,而服務(wù)應(yīng)用的服務(wù)器端則往往需要使用云計(jì)算平臺(tái)進(jìn)行部署。
目前,隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展,移動(dòng)終端的發(fā)展逐漸成為一種較為常規(guī)的發(fā)展形式。掌握移動(dòng)終端的開(kāi)發(fā)技術(shù)將是前端開(kāi)發(fā)者的基本要求之一。