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