當前位置:首頁 » 網頁前端 » 手機web開發
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

手機web開發

發布時間: 2022-02-10 02:33:15

⑴ 移動前端開發和 Web 前端開發的區別是什麼

1.web前端開發

用最簡單粗暴的方式來講,就是用html + css + javascript來構建一個供人瀏覽的網頁,其中又包括兩個主要的分類:pc端網頁開發以及移動端網頁開發(很多時候被稱為h5開發)。
那麼這兩者有什麼區別呢,依據本人的經驗來看,pc端的網頁開發要考慮更多樣式兼容性的問題,ie,火狐,chrome等各大瀏覽器內核不一,使用到新特性的時候需要給樣式加上最基礎的兼容前綴,所以最好的做法還是盡量避免使用新樣式屬性來完成預期的效果。在移動端開發網頁就基本不用考慮這種瀏覽器間的兼容問題了,手機上的瀏覽器絕大部分是webkit內核的,所以在移動端網頁開發的時候能用到很多新的特性,像是極大簡便了頁面布局的flex布局,還有各種語義化的標簽等。但是由於移動端手機的尺寸種類繁多,所以在這方面要下點功夫,舉個最簡單的例子就是一行本來是能顯示3個目標的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區別例如js庫的選擇(pc上用jQuery,移動端用zepto等)。
像一個官方網站肯定是需要在pc上以及移動端都能有較好的顯示效果,為了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網頁UI框架,根據設備的寬度不同顯示不同的效果。但是現在主流還是做2套UI再根據UserAgent等來分別顯示不同的頁面,這樣在移動端的顯示能更靈活一點。
2.移動前端開發
主流的移動前端開發指的是Android一級iOS的原生開發,什麼是原生開發,最簡單來講就是Android用java寫iOS用ObjectC(swift)寫。這樣做出來的app在瀏覽體驗上肯定是優於網頁的。
由於原生開發需要兩個端開發,開發周期長(原生開發難度比web開發要大),所以最近很多公司都會把產品的一些頁面抽出來用webview來實現,甚至還可以使用phonegap將你的網頁打包成app(可以理解為純webview的一個app)。這樣的app稱為hybrid app,可以說是在開發效率以及用戶體驗上各有取捨得出來的產物吧。本人也是使用過ionic以及react native這兩個hybrid app框架,可以說是節約時間人力成本的一種不錯的選擇吧,並且還能讓你一個web程序員產生了一種自豪感:「卧槽我居然能開發app了。」

⑵ 移動前端開發和web前端開發的區別

移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端
那麼他們的區別在哪呢?我給你分析一下:
1、新技術的使用
目前移動終端主要以Webkit內核為中心,更好地支持HTML5等新技術,讓新技術得到更廣泛的應用。但是PC終端的開發需要兼容IE等老瀏覽器,所以新技術的應用必須考慮瀏覽器的兼容性。
2、業務的應用場景
Web前端開發主要是指傳統的在電腦端開發網頁,網頁主要運行在PC端,而手機端開發的網頁運行在手機端。這兩者沒有區別,孰難孰易。開發難度主要看業務需求。
3、頁面的適配性
在傳統的PC端頁面開發中,需要為頁面設置固定的寬度,以確保兩側都有頁邊距。但是移動頁面會選擇在手機屏幕上顯示盡可能多的內容,因為它的運營商手機屏幕比PC端小得多。這時候就要求移動頁面要能完全適應各種屏幕尺寸的手機,最大限度地利用。從這個頁面的適應性來看,移動端比PC端更難。
4、頁面的性能
一般情況下, PC端的網路通過網線或 WIFI與網路相連,而移動端則比較復雜。除 WIFI外,還有2 G、3 G、4 G、5 G,甚至常常會有多個不同網路連接間的切換。因此, PC端的網路狀況將比移動端更加穩定。移動端的頁面資源不能太大,否則當網路狀況不好時,頁面無法訪問,這對網頁性能造成了很大的影響。
以上就是我給你分享的關於移動前端和web前端的區別,希望我的回答對你有所幫助

⑶ 手機web後端開發

例如android,訪問資料庫之類的,一般不在android項目直接訪問,二是去訪問介面(後端開發),通過介面訪問資料庫。我理解的一個好處是,減少前台的資料庫的直接訪問,1降低資源消耗(畢竟手機不如電腦吧)2把訪問資料庫放在後端,如果前端不變,只是後端業務邏輯變了,不用重新發布,只改後台就可以。

⑷ Java 如何開發手機web頁面

首先Java是後台語言,不能進行web前端頁面開發,只能在web後台作為服務端語言進行資源處理;
如果需要進行移動端web頁面開發,那涵蓋的前端的知識點很多,最基礎的如HTML5/CSS3/Javascript,而在這之上有很多框架是為移動端web頁面開發提供便捷開發方式的,如支持響應式布局的bootstrap,如移動端交互的zepto,多了解下這些才能完成頁面開發;

⑸ 在手機上如何進行網頁開發

一樓說的有點文不對題,

手機頁面開發是需要面向不同平台不同機器的,就像你開發的時候寫js代碼你需要考慮不同廠家的瀏覽器一樣。

目前你有兩個方向,我不知道你想向哪個方向發展:
1。wap開發,wap協議是web的子集,你學習會很快,並且支持大部分平台的手機。純BS的架構,你完全重用J2ee中的框架。 其實每個客戶端手機都有自己的瀏覽器(W3C標准)。你就是與它們的瀏覽器通訊做頁面而己。

2。local的UI開發,也就是純CS架構,前端需要寫UI代碼,後端的話你還是可以重用的你構架,寫UI代碼時類似Swing編碼,我想如果你對Java很熟的話那Swing和AWT應該多少知道了。
在這方面你需要選擇陣營,目前有幾大陣營平台的OS系統:
a. Nokia的Symbian系統; (Symbian語言,接近c++但不同C++)
b. MicroSoft的 Window mobile系統 (c++語言)
c. 最近最火的Iphone系統; (Object C++語言,接近smallTalk語言)
d. 最近上升最快的Google的Android系統 (java)
e. 長久不衰,各個平台都支持,是個「萬精油」的J2me系統(j2me各個平台都支持)
f. 黑霉手機採用的RIM系統(也是java語言與j2me有點類似)
g. 現在比較少用,並且不推薦的Palm,和linux系統。(c\c++)

個人建議: 如果你覺得做wap己經夠了,那你現在只需要花半個月時間研究一下w3c中關於wap的標簽規范,那你就可以做手機網路應用開發了。

如果你想做更高級的應用,即cS架構的本地UI程序,比如游戲等。又分:
a. 如果想簡單點,就學j2me和Android,因為他們都是java基礎的。並且j2me只是java的子集,比j2se和j2ee要更簡單,但j2me沒有Android強大,學Android如果有Swing基礎會快很多。

b. 如果你覺得轉行到C語言也不難,那可以試試Iphone和WM以及Symbian平台,目前這三個平台占據了市場上絕大多數手機的份額。

一個人完全掌握上面所有系統非常難,需要一段長的時間。 我個人掌握了d,e,f三種,因為他們都是java基礎的。

另外補充一下你的疑問: j2me和android是兩個完全不同的平台,完全沒有必要為了學android 而先去學j2me。
j2me是一個虛擬機,它可以被廠家選擇安裝在任何一台機器上,這樣所有用j2me寫的游戲都可以跑。
而Android是一個操作系統,它目前只被支持Google的手機支持。只能跑用Android語言開發的程序(Android語言其實就是java語言准備的說是j2se而不是j2me)

⑹ 手機端的頁面怎麼開發,和web html有區別嗎

兩者之間沒有區別。

有許多方法可以在手機上開發網頁。 目前,html5的發展還不夠平衡,導致主要瀏覽器對h5的支持不盡人意。 但是,其添加了@media屬性(屬於css3,html5和css3的名稱在這里沒有嚴格區分,實際上,是兩種不同的技術)。

從那時起,網頁創建可以根據用戶所持有的設備的像素寬度來識別是否正在使用行動電話,從而在用戶正在使用移動設備時下載移動頁面。 但是,其存在某些缺點。 在這個階段,手機的標准還很不規范。

(6)手機web開發擴展閱讀:

目前現階段的手機網頁開發,主要的手段是:

其一,在meta標簽中添加關於像素寬度的限制語句,然後實現css的相對寬度。 但是,界面會顯得雜亂無章,因此很少使用此方法。

其二,這種方法是最常見的。 網站頁面分為兩個部分,分別面向計算機和手機。 當用戶請求頁面時,標題信息用於確定其是否是計算機瀏覽器,然後針對不同的請求發送不同的網頁文件。 這樣的網頁通常不是靜態的。

另外,開發移動網頁時,可以使用Chrome的開發人員工具。 Chrome開發人員工具可以模擬手機頁面的開發,還可以模擬許多設備,方便用戶開發。

⑺ 請問移動端網頁開發怎麼開發

下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題:
手機網頁編碼需要遵循什麼規范?
遵循XHTML Mobile Profile規范(WAP-277-XHTMLMP-20011029-a.pdf),簡稱為XHTML MP,也就是通常說的WAP2.0規范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎,加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支持。和XHTML Basic相同,XHTML MP是嚴格的XHTML 1.0子集。
網頁文檔推薦使用擴展名?
推薦命名為xhtml,按WAP2.0的規范標准寫成html/htm等也是可以的。但少數手機對html支持的不好。
為什麼現今大多數的網站一行字數上限為14個中文字元?
由於手持設備的特殊性,其頁面中實際文字大小未必是我們在CSS中設定的文字大小,尤其是在第三方瀏覽器中。例如Nokia5310,其內置瀏覽器 頁面內文字大小與CSS設定相符,但是第三方瀏覽器OperaMini與UCWEB頁面內文字大小卻大於CSS設定。經測試,其文本大概在16px左右。 假如屏幕解析度寬度為240px,去除外邊距,那麼其一行顯示14個字以內,是比較保險(避免文本換行)的做法。
使用WCSS還是CSS?
WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集,去掉了一些不適於移動互聯網特性的屬性,並加入一些具有WAP特性的擴展(如-wap-input-format/-wap-input-required/display:-wap-marquee等)。 需要留意的是,這些特殊的屬性擴展並不是很實用,所以在實際的項目開發當中,不推薦使用WCSS特有的屬性。
避免空值屬性
如果屬性值為空,在web頁面中是完全沒有問題的,但是在大部分手機網頁上會報錯。
網頁大小限制
建議低版本頁面不超過15k,高版本頁面不超過60k。
用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜?
有條件的話,我們當然建議在手機實體上進行測試,因為目標客戶群的手機設備總是在不斷變化的,這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況,比如圖片色彩,頁面大小限制等就很難再模擬器上測試出來。當然,一些第三方手機瀏覽器的在線模擬器還是可以進行測試的,第三方瀏覽器相對來說受手機設備的影響較小。

⑻ 手機Web應用和PC Web應用在開發上最大的區別是什麼

手機web應用需要技術的掌控更強一些,最大的區別在於要考慮屏幕的問題,以及處理效率問題。
參考文獻:天翼空間應用工廠

⑼ 手機web前端開發哪個技術好

zepto這個比較小,語法跟jquery一樣,比較適合移動端開發

⑽ 手機端的頁面怎麼開發,和web html有區別嗎

二者是沒有區別的。
手機端的網頁開發手段很多,目前html5發展不是很平衡,導致各大瀏覽器對h5的支持不竟如人意。但是出現了令人驚喜的地方,其中最令人激動的就是增加了@media屬性(屬於css3,在此不對html5和css3做嚴格區分,實則二者是兩個不同的技術)。自此,網頁製作可以根據用戶所持設備的像素寬度來辨明是否是在使用手機,從而在用戶使用移動設備的時候下載移動頁面。但是,也有一定的不足,就是現階段手機標准很不規范,各大廠商為了賺錢,解析度已經發展到不可理喻的地步了。
所以,目前現階段的手機網頁開發,主要的手段是幾種:
其一,在meta標簽裡面加入對像素寬度的限制語句,然後再通過css的相對寬度來實現。但這樣界面會出現亂排的現象,所以這種手段幾乎沒人用。
其二,這種方法最為普遍。網站頁面分為兩個,分別面向電腦和手機,用戶請求頁面的時候,通過頭部信息來判斷是否為電腦瀏覽器,再針對不同的請求發送不同的網頁文件。這種網頁一般不是靜態。
開發手機網頁的時候,推薦你使用chrome的開發者工具就行了,chrome開發者工具可以模擬手機頁面開發,裡面還模擬了很多的設備,從而便於用戶開發。