正文

web端和移動(dòng)端的區(qū)別（web端與移動(dòng)端區(qū)別）

發(fā)布時(shí)間：2023-04-18 23:30:58 稿源：創(chuàng)意嶺閱讀： 107

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于web端和移動(dòng)端的區(qū)別的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、Web前端pc和移動(dòng)端的區(qū)別
2、web端和pc端有什么區(qū)別
3、在設(shè)計(jì)模式中，web端和移動(dòng)端的共同之處和區(qū)別
4、web和移動(dòng)端測(cè)試的區(qū)別

web端和移動(dòng)端的區(qū)別（web端與移動(dòng)端區(qū)別）

一、Web前端pc和移動(dòng)端的區(qū)別

pc，我們需要考慮五大瀏覽器，ie6-11，firefox，chrome，safari都得兼容的吧。css還是js，以及各種框架。

mobile的網(wǎng)頁(yè)開(kāi)發(fā)，我們需要考慮什么呢？

就目前來(lái)說(shuō)，我們只需要考慮webkit內(nèi)核的瀏覽器和chrome，uc，qq，小米手機(jī)瀏覽器就好了

1、PC端在開(kāi)發(fā)過(guò)程中考慮的是瀏覽器兼容性，移動(dòng)端開(kāi)發(fā)中考慮的是手機(jī)兼容性問(wèn)題，做移動(dòng)端開(kāi)發(fā)，更多考慮的是手機(jī)分辨率的自適應(yīng)和不同手機(jī)操作系統(tǒng)的略微差異化；

2、在部分事件的處理上，移動(dòng)端自然是偏向于觸屏的，另外包括移動(dòng)端彈出的手機(jī)鍵盤(pán)該如何處理，這樣的問(wèn)題在PC上肯定不會(huì)遇到，但在移動(dòng)端，如果你沒(méi)有經(jīng)驗(yàn)，處理起來(lái)是相當(dāng)麻煩的；

3、布局上，移動(dòng)端開(kāi)發(fā)是要做到頁(yè)面布局自適應(yīng)的，而PC端頁(yè)面布局的比例會(huì)相對(duì)固定；

4、在動(dòng)畫(huà)效果處理上，PC端要考慮IE的兼容性，通常用JS做動(dòng)畫(huà)的通用性會(huì)好一些，但相比CSS3卻犧牲了較大的性能，而在手機(jī)端，如果要做一些動(dòng)畫(huà)、特效等，第一選擇肯定是CSS3，既簡(jiǎn)單，效率又高。

在實(shí)際中肯定還有其他一些不常見(jiàn)的問(wèn)題

二、web端和pc端有什么區(qū)別

1、操作方式不同

PC端的操作方式與移動(dòng)端已經(jīng)有了明顯的差別，PC端使用鼠標(biāo)操作，操作包含滑動(dòng)、左擊、右擊、雙擊操作，操作相對(duì)來(lái)說(shuō)單一，交互效果相對(duì)較少。

而對(duì)于手機(jī)端來(lái)說(shuō)，包含手指操作點(diǎn)擊、滑動(dòng)、雙擊、雙指放大、雙指縮小、五指收縮和蘋(píng)果最新的3Dtouch按壓力度，除了手指操作外還可以配合傳感器完成搖一搖、陀懸儀感應(yīng)燈操作方式，操作方式更加的豐富，通過(guò)這些豐富的操作可設(shè)計(jì)不同新穎吸引人的交互互動(dòng)設(shè)計(jì)。

2、屏幕尺寸不同

PC端屏幕大，所以他的視覺(jué)范圍更廣，可設(shè)計(jì)的地方更多，設(shè)計(jì)性更強(qiáng)，相對(duì)來(lái)說(shuō)容錯(cuò)度更高一些有一些小的紕漏不容易被發(fā)現(xiàn)。

移動(dòng)端設(shè)備相對(duì)來(lái)說(shuō)屏幕較小，操作局限性大，在設(shè)計(jì)上可用空間顯得尤為珍貴，在小小的屏幕上使用粗大的手指操作也需要在設(shè)計(jì)中避免原件過(guò)小過(guò)近。

web端和移動(dòng)端的區(qū)別（web端與移動(dòng)端區(qū)別）

3、網(wǎng)絡(luò)環(huán)境不同

當(dāng)下不管是移動(dòng)端還是PC端都離不開(kāi)網(wǎng)絡(luò)，PC端設(shè)備連接網(wǎng)絡(luò)更加穩(wěn)定，而移動(dòng)端可能遇到信號(hào)問(wèn)題導(dǎo)致網(wǎng)絡(luò)環(huán)境不佳，出現(xiàn)網(wǎng)速差甚至斷網(wǎng)的問(wèn)題，這就需要在設(shè)計(jì)中充分考慮網(wǎng)絡(luò)問(wèn)題，更好的設(shè)計(jì)相應(yīng)的解決方案。

三、在設(shè)計(jì)模式中，web端和移動(dòng)端的共同之處和區(qū)別

多了去了。舉幾個(gè)：

操作尺度。PC上鼠標(biāo)的操作尺度比較小，點(diǎn)擊是一件準(zhǔn)確的事情；

觸屏的操作尺度就比較大，點(diǎn)擊誤差大，所以元素必須往大了做，也不支持hover事件。

這一點(diǎn)淘寶網(wǎng)頁(yè)的PC版和手機(jī)版是個(gè)非常良好的例子。PC淘寶中有些小按鈕能放下的功能，移動(dòng)版就必須另彈界面讓用戶詳細(xì)輸入。

界面布局。移動(dòng)端屏幕相對(duì)窄小，一般是單列，最多也只能是雙列+響應(yīng)式。PC端屏幕寬大，布局可以靈活一些。

與Native App互動(dòng)。Web App與移動(dòng)App間的互動(dòng)，大多數(shù)PC網(wǎng)站沒(méi)有，因?yàn)榇蠖鄶?shù)PC網(wǎng)站沒(méi)有對(duì)應(yīng)的專(zhuān)門(mén)程序（不過(guò)也有淘寶或QQ等例外的例子）。

例如淘寶手機(jī)版調(diào)用淘寶手機(jī)客戶端，PC版淘寶調(diào)用阿里旺旺聊天工具。

開(kāi)發(fā)工具。移動(dòng)端開(kāi)發(fā)有一些jquery for mobile一類(lèi)的庫(kù)是專(zhuān)用的，不用于PC端。反過(guò)來(lái)也一樣，有些PC端的工具在移動(dòng)端不好用。

等等很多。其實(shí)移動(dòng)端web app，很接近移動(dòng)端原生的app的外觀和行為模式。比照移動(dòng)原生app來(lái)理解web app就容易得多。

四、web和移動(dòng)端測(cè)試的區(qū)別

一個(gè)是pc端測(cè)試一個(gè)是移動(dòng)端測(cè)試

其實(shí)移動(dòng)web是app和傳統(tǒng)的web并沒(méi)有本質(zhì)的區(qū)別。

但是，同一個(gè)頁(yè)面不可能被桌面瀏覽器和移動(dòng)瀏覽器同時(shí)瀏覽.

asp.net可以為移動(dòng)web提供一個(gè)系統(tǒng)自適應(yīng)結(jié)構(gòu)，這個(gè)結(jié)構(gòu)可以為瀏覽器提供特定的輸出.

而且可以將呈現(xiàn)邏輯細(xì)分為較小的部分，這樣在顯示區(qū)域和輸入設(shè)備硬件都有限的情況下更好的工作。

以上就是關(guān)于web端和移動(dòng)端的區(qū)別相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。