最近在一直在搞M站，也就是移動(dòng)web站點(diǎn)鸳吸。由于是第一次宠纯，也遇到了很多問(wèn)題，所以把最近了解到的東西總結(jié)總結(jié)层释。聊一聊什么是移動(dòng)M站，它有啥作用和優(yōu)勢(shì)快集。
也有人會(huì)問(wèn)贡羔，M站和APP有什么不同？
1. APP 直接在用戶(hù)的移動(dòng)設(shè)備上个初，曝光率相對(duì)較高乖寒。 而M站需打開(kāi)瀏覽器，輸入地址才能訪問(wèn)院溺，所以曝光率相對(duì)較低楣嘁。
2. M站的推廣的渠道相比移動(dòng)APP，渠道較多珍逸，方便追蹤用戶(hù)來(lái)源逐虚，流量入口等，方便以后的活動(dòng)推廣和數(shù)據(jù)分析谆膳。
3. M站用戶(hù)無(wú)需安裝叭爱，輸入U(xiǎn)RL即可訪問(wèn)，而APP需要下載安裝漱病。
4. M站能夠快速的通過(guò)數(shù)據(jù)分析买雾，能快速得到用戶(hù)的反饋，從而更容易根據(jù)統(tǒng)計(jì)數(shù)據(jù)分析和用戶(hù)的需求來(lái)調(diào)整產(chǎn)品杨帽。
5. APP對(duì)用戶(hù)更具粘性漓穿，用戶(hù)體驗(yàn)也更好。
6. M站對(duì)于營(yíng)銷(xiāo)推廣活動(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站和客戶(hù)端的是相輔相成的，M站的及時(shí)性和快捷性汹想，是app無(wú)法比擬的外邓。而app 的用戶(hù)體驗(yàn)，則是M站無(wú)法做到的古掏。目前來(lái)說(shuō)兩者是不可能被對(duì)方完全替代的损话，在互聯(lián)網(wǎng)營(yíng)銷(xiāo)大行其道的今天，M站也越來(lái)越重要槽唾。營(yíng)銷(xiāo)活動(dòng)大多以H5頁(yè)面的形式展示和傳播的丧枪。通過(guò)M站的營(yíng)銷(xiāo)和推廣，從而又促進(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)稱(chēng)是目前最快本鸣、最準(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í)別客戶(hù)端的設(shè)備幕庐。PC瀏覽器訪問(wèn)，就跳轉(zhuǎn)到PC站家淤，手機(jī)瀏覽器訪問(wèn)就跳轉(zhuǎn)到M站异剥。從而達(dá)到更好的用戶(hù)體驗(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)該就是非常流行辣吃，非常容易上手，如果確少專(zhuān)業(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酝静。
