徐家俊 2015-08-08 09:43

移動(dòng)端用戶數(shù)的飛速上漲，移動(dòng)搜索也用戶也不斷的增加，也讓我們傳統(tǒng)的PC網(wǎng)站不得不考慮移動(dòng)用戶，也就是手機(jī)端平版斷等移動(dòng)設(shè)備的訪問效果，移動(dòng)端設(shè)備都要考慮的一點(diǎn)，簡潔，很多PC展示的卻不適合于移動(dòng)端，所以在移動(dòng)端需要將他去掉，展示更友好的內(nèi)容給移動(dòng)端用戶。

而今HTML5+CSS3技術(shù)的發(fā)展，給移動(dòng)端開發(fā)帶來很多機(jī)遇，我們?nèi)魏我粋€(gè)PC網(wǎng)站，都可以通過響應(yīng)式的布局讓其能夠適應(yīng)多設(shè)備多終端的需求，而我們運(yùn)營網(wǎng)站的人員并不是全部都是代碼高手，也不一定每個(gè)人都愿意去折騰移動(dòng)端的適應(yīng)問題最重要的一點(diǎn)，我們可以借助很多平臺(tái)，將網(wǎng)站移動(dòng)化，下面就介紹一些常用的方式。

一:用site app生成一個(gè)匹配的移動(dòng)站點(diǎn)(非自適應(yīng))；

大家都知道百度的site app移動(dòng)適配，很多大的站點(diǎn)也在使用這種方式，這也是我們通常所說的WAP版，可以支持很古老的手機(jī)，對智能手機(jī)也很實(shí)用。簡單部署就可以發(fā)布上線了，需要一個(gè)二級(jí)域名作為移動(dòng)站點(diǎn)，這也就是大家常見的WAP.,m.開頭的站點(diǎn)。

優(yōu)點(diǎn)：使用還算簡單，簡單部署就可以，不需要懂代碼，百度的，你懂得；

缺點(diǎn)：多出一個(gè)域名，雖然是同一個(gè)內(nèi)容，但是是兩個(gè)站點(diǎn)，而移動(dòng)站我個(gè)人使用發(fā)現(xiàn)，除了收錄首頁，其他就沒有了！有時(shí)候打開文章會(huì)出現(xiàn)不存在內(nèi)容，也就是空白，需要備案才能使用！

二，借助一些移動(dòng)適配平臺(tái)完成適配

這樣的平臺(tái)也很多，相對來說更加簡單，依靠拖拽就可以實(shí)現(xiàn)，大多數(shù)也都是免費(fèi)的，能支持的也還是多的，但也有部分站點(diǎn)無法適配，或者效果不好，常用的有cnzz的云建站，搜狐快站，云適配等，這些平臺(tái)所用到的都是HTML5技術(shù)來實(shí)現(xiàn)的，原理和操作方式都相當(dāng)，也不做多介紹，大多數(shù)人都能使用，只不云適配好像是要收費(fèi)，其他都是免費(fèi)的，也沒有過多限制。

這些平臺(tái)的優(yōu)點(diǎn)：簡單易用，不會(huì)產(chǎn)生另外的域名，站點(diǎn)路徑都是一樣的，可以添加多種功能，也不用備案域名，而且適應(yīng)全部移動(dòng)設(shè)備，cnzz背后的技術(shù)是阿里云，所以可以直接添加阿里媽媽的廣告，云適配跟搜狐快站，據(jù)說是一樣的。最終還可以生成app，相當(dāng)簡潔，跟網(wǎng)頁看是一樣的效果。

缺點(diǎn)呢；相當(dāng)于在這些平臺(tái)重新建立一個(gè)站點(diǎn)，一些pc網(wǎng)站上有的東西卻有時(shí)候無法實(shí)用到移動(dòng)站點(diǎn)，比如PC站點(diǎn)上的foot信息，或者一些全部頁面都有的公共代碼，追求完美的人可能這些就不太滿足了。

三：自己做移動(dòng)頁面或者用響應(yīng)式布局

       比較常見的就是用css來控制寬度，如果自己愿意折騰也可以做幾個(gè)移動(dòng)頁面，自己設(shè)計(jì)，讓移動(dòng)端訪問時(shí)自己跳到移動(dòng)頁面，或者單獨(dú)做一個(gè)css用于控制移動(dòng)端的效果，當(dāng)然這樣的話開發(fā)時(shí)間長，也難以做到全部頁面都能夠適配到，并且也不能完全適應(yīng)所以屏幕的終端。所以很多人就用到響應(yīng)式布局，就是在設(shè)計(jì)pc站點(diǎn)時(shí)就用到HTML5+css3來實(shí)現(xiàn)響應(yīng)式布局，最關(guān)鍵一點(diǎn)就是寬度用%來定義，就可以適用于所有的移動(dòng)終端，根據(jù)瀏覽器的寬度來調(diào)節(jié)，這基本上是一舉多得，對pc網(wǎng)站功能保證完整的情況下也能適應(yīng)移動(dòng)端的需求。

做好之后我們可以用工具測試一下各種設(shè)備終端的效果；

    當(dāng)然，我說的這些都是一些簡單的實(shí)現(xiàn)方法，只是一個(gè)思路，具體的操作還是根據(jù)每個(gè)人的基礎(chǔ)不同最后做出來的效果也不盡相同，有時(shí)候用同樣的平臺(tái)，最后也是不一樣的效果，微信：332989658歡迎交流，但不做指導(dǎo)！