A. 手機WEB頁面開發跟PC端差別大嗎
差別大,主要差別在一下方面。
一、開發終端不同
1、手機端:以手機、PDA、UMPC等便攜終端為基礎,進行相應的開發工作。
2、PC端:是開發基於B/S(IE瀏覽器)的網頁開發是由若干個頁面組成的有聯系的集合。
二、開發方式不同
1、手機端:是為小型、無線計算設備編寫軟體的流程和程序的集合,像智能手機或者平板電腦。移動應用開發類似於Web應用開發,起源於更為傳統的軟體開發。
2、PC端:主要針對電子商務領域,不僅是網站美工和內容,可能涉及到網站的一些功能的開發,比製作有更深層次的意思。
三、特點不同
1、手機端:無線中間件(移動中間件)的原理就是把原生的功能封裝打包成簡單的API,開發人員只需要了解調用這些API的方法,即可完成移動開發。
2、PC端:針對不同的行業領域與市場規模,提供有針對性的解決方案,採用業內最優化的電子商務流程,以及各種受消費者歡迎的營銷工具。
B. 請問移動端網頁開發怎麼開發
下面是我從網上收集整理的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。
用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜?
有條件的話,我們當然建議在手機實體上進行測試,因為目標客戶群的手機設備總是在不斷變化的,這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況,比如圖片色彩,頁面大小限制等就很難再模擬器上測試出來。當然,一些第三方手機瀏覽器的在線模擬器還是可以進行測試的,第三方瀏覽器相對來說受手機設備的影響較小。
C. 手機端開發如何和web端進行交互
你好,我是通過httpclient模擬htpp請求,這樣就可以實現client和webserver 交互了
你研究一下哈!
D. 手機端的頁面怎麼開發,和web html有區別嗎
兩者之間沒有區別。
有許多方法可以在手機上開發網頁。 目前,html5的發展還不夠平衡,導致主要瀏覽器對h5的支持不盡人意。 但是,其添加了@media屬性(屬於css3,html5和css3的名稱在這里沒有嚴格區分,實際上,是兩種不同的技術)。
從那時起,網頁創建可以根據用戶所持有的設備的像素寬度來識別是否正在使用行動電話,從而在用戶正在使用移動設備時下載移動頁面。 但是,其存在某些缺點。 在這個階段,手機的標准還很不規范。
(4)手機端web開發擴展閱讀:
目前現階段的手機網頁開發,主要的手段是:
其一,在meta標簽中添加關於像素寬度的限制語句,然後實現css的相對寬度。 但是,界面會顯得雜亂無章,因此很少使用此方法。
其二,這種方法是最常見的。 網站頁面分為兩個部分,分別面向計算機和手機。 當用戶請求頁面時,標題信息用於確定其是否是計算機瀏覽器,然後針對不同的請求發送不同的網頁文件。 這樣的網頁通常不是靜態的。
另外,開發移動網頁時,可以使用Chrome的開發人員工具。 Chrome開發人員工具可以模擬手機頁面的開發,還可以模擬許多設備,方便用戶開發。
E. 移動前端開發和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前端的區別,希望我的回答對你有所幫助
F. Java 如何開發手機web頁面
首先Java是後台語言,不能進行web前端頁面開發,只能在web後台作為服務端語言進行資源處理;
如果需要進行移動端web頁面開發,那涵蓋的前端的知識點很多,最基礎的如HTML5/CSS3/Javascript,而在這之上有很多框架是為移動端web頁面開發提供便捷開發方式的,如支持響應式布局的bootstrap,如移動端交互的zepto,多了解下這些才能完成頁面開發;
G. 移動前端開發和web前端開發有什麼區別
移動前端開發和web前端開發有什麼區別呢?既然都是前端開發,兩者肯定有緊密的聯系,移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域,而現在的前端開發人員也已早就不是當年的切圖仔了,需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有餘,但是不論趨勢如何發展,目前來看HTML、CSS和Java依然是整個前端開發的三大基石。不論是想做移動前端開發還是web前端開發,這三樣基礎技術都必須熟練掌握。移動前端開發和web前端開發有什麼區別呢?
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上;直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內容,這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定,都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生,不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。移動前端開發和web前端開發有什麼區別
5、框架選型
由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企
H. 移動web前端開發是怎麼做的
移動前端開發和 Web 前端開發的區別是: 移動端前端開發是做手機網頁的前端開發。Web前端開發是桌面網頁的前端開發。 伺服器端開發,也叫後台開發,這是唯一的,對應不同的平台,他負責數據的分發與存儲,和一些邏輯的處理
I. 手機端的頁面怎麼開發,和web html有區別嗎
二者是沒有區別的。
手機端的網頁開發手段很多,目前html5發展不是很平衡,導致各大瀏覽器對h5的支持不竟如人意。但是出現了令人驚喜的地方,其中最令人激動的就是增加了@media屬性(屬於css3,在此不對html5和css3做嚴格區分,實則二者是兩個不同的技術)。自此,網頁製作可以根據用戶所持設備的像素寬度來辨明是否是在使用手機,從而在用戶使用移動設備的時候下載移動頁面。但是,也有一定的不足,就是現階段手機標准很不規范,各大廠商為了賺錢,解析度已經發展到不可理喻的地步了。
所以,目前現階段的手機網頁開發,主要的手段是幾種:
其一,在meta標簽裡面加入對像素寬度的限制語句,然後再通過css的相對寬度來實現。但這樣界面會出現亂排的現象,所以這種手段幾乎沒人用。
其二,這種方法最為普遍。網站頁面分為兩個,分別面向電腦和手機,用戶請求頁面的時候,通過頭部信息來判斷是否為電腦瀏覽器,再針對不同的請求發送不同的網頁文件。這種網頁一般不是靜態。
開發手機網頁的時候,推薦你使用chrome的開發者工具就行了,chrome開發者工具可以模擬手機頁面開發,裡面還模擬了很多的設備,從而便於用戶開發。
J. 移動前端開發和 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了。」