最近在一直在搞M站，也就是移動(dòng)web站點(diǎn)。由于是第一次，也遇到了很多問(wèn)題，所以把最近了解到的東西總結(jié)總結(jié)。聊一聊什么是移動(dòng)M站，它有啥作用和優(yōu)勢(shì)。
也有人會(huì)問(wèn)，M站和APP有什么不同？
1. APP 直接在用戶的移動(dòng)設(shè)備上，曝光率相對(duì)較高。 而M站需打開(kāi)瀏覽器，輸入地址才能訪問(wèn)，所以曝光率相對(duì)較低。
2. M站的推廣的渠道相比移動(dòng)APP，渠道較多，方便追蹤用戶來(lái)源，流量入口等，方便以后的活動(dòng)推廣和數(shù)據(jù)分析。
3. M站用戶無(wú)需安裝，輸入U(xiǎn)RL即可訪問(wèn)，而APP需要下載安裝。
4. M站能夠快速的通過(guò)數(shù)據(jù)分析，能快速得到用戶的反饋，從而更容易根據(jù)統(tǒng)計(jì)數(shù)據(jù)分析和用戶的需求來(lái)調(diào)整產(chǎn)品。
5. APP對(duì)用戶更具粘性，用戶體驗(yàn)也更好。
6. M站對(duì)于營(yíng)銷推廣活動(dòng)非常方便，轉(zhuǎn)發(fā)分享方便快捷。
7. M站更新迭代產(chǎn)品速度，響應(yīng)產(chǎn)品調(diào)整非?？?，隨時(shí)發(fā)布，而App需要審核時(shí)間。
8. M站跨平臺(tái)，無(wú)需開(kāi)發(fā)安卓和iOS版，只需有瀏覽器即可。?????
所以， 我覺(jué)得，M站和客戶端的是相輔相成的，M站的及時(shí)性和快捷性，是app無(wú)法比擬的。而app 的用戶體驗(yàn)，則是M站無(wú)法做到的。目前來(lái)說(shuō)兩者是不可能被對(duì)方完全替代的，在互聯(lián)網(wǎng)營(yíng)銷大行其道的今天，M站也越來(lái)越重要。營(yíng)銷活動(dòng)大多以H5頁(yè)面的形式展示和傳播的。通過(guò)M站的營(yíng)銷和推廣，從而又促進(jìn)APP的使用和推廣。
目前，移動(dòng)M站有輕APP 化的是趨勢(shì)。M站會(huì)越來(lái)越像個(gè)APP，使得M站也越來(lái)越重要。而且，很多APP的展示效果。原生代碼無(wú)法實(shí)現(xiàn)的時(shí)候，嵌套移動(dòng)H5頁(yè)面也是一個(gè)很好的選擇。
? 下面介紹幾個(gè)移動(dòng)M站建設(shè)的幾個(gè)點(diǎn)：
1.?51Degree
51degrees 號(hào)稱是目前最快、最準(zhǔn)確的設(shè)備檢測(cè)的解決方案。它是一個(gè)免費(fèi)開(kāi)源的.NET移動(dòng)應(yīng)用開(kāi)發(fā)組件，可以用來(lái)檢測(cè)移動(dòng)設(shè)備和瀏覽器，甚至可以獲取屏幕尺寸，輸入法，加上制造商和型號(hào)信息等。從而可以選擇性地被重定向到為移動(dòng)設(shè)備而設(shè)計(jì)的內(nèi)容。由于擁有精確的移動(dòng)設(shè)備的數(shù)據(jù)，所以幾乎支持所有的智能手機(jī)，平板電腦等移動(dòng)設(shè)備。
? ?其實(shí)說(shuō)白了，51Degree的作用，就是識(shí)別客戶端的設(shè)備。PC瀏覽器訪問(wèn)，就跳轉(zhuǎn)到PC站，手機(jī)瀏覽器訪問(wèn)就跳轉(zhuǎn)到M站。從而達(dá)到更好的用戶體驗(yàn)。
如何將51Degree加入到現(xiàn)有網(wǎng)站？
http://51degrees.codeplex.com/wikipage?title=Enhance%20existing%20web%20site
2.?架構(gòu)
其實(shí)移動(dòng)web和傳統(tǒng)的web并沒(méi)有本質(zhì)的區(qū)別。說(shuō)白了還是一個(gè)web 站點(diǎn)，使用的技術(shù)都是html+css+js。不同的是，只不過(guò)目前在 Html5的大趨勢(shì)下，將Html5加入到了移動(dòng)M站，使得M站更像個(gè)輕APP。
3.?Bootstrap
Bootstrap。就不多說(shuō)了，網(wǎng)上很多Bootstrap的資料。它最大的優(yōu)勢(shì)應(yīng)該就是非常流行，非常容易上手，如果確少專業(yè)的設(shè)計(jì)或美工，那么Bootstrap 是一個(gè)比較好的選擇。他的用法及其簡(jiǎn)單,幾乎沒(méi)什么學(xué)習(xí)成本,絕對(duì)是快速開(kāi)發(fā)的利器。
官網(wǎng)：http://getbootstrap.com/
Github：https://github.com/twbs/bootstrap/
4.?幾點(diǎn)建議：
1.移動(dòng)m站的URL盡量和pc相同，這是為了避免同一URL在pc站可以顯示，但是在手機(jī)上打開(kāi)卻是404；
2. M站寫(xiě)單獨(dú)的TDK。
