最近在一直在搞M站，也就是移動web站點。由於是第一次，也遇到了很多問題，所以把最近了解到的東西總結總結。聊一聊什麼是移動M站，它有啥作用和優勢。

也有人會問，M站和APP有什麼不同？

1. APP 直接在使用者的移動裝置上，曝光率相對較高。 而M站需開啟瀏覽器，輸入地址才能訪問，所以曝光率相對較低。

3. M站使用者無需安裝，輸入URL即可訪問，而APP需要下載安裝。

4. M站能夠快速的通過資料分析，能快速得到使用者的反饋，從而更容易根據統計資料分析和使用者的需求來調整產品。

5. APP對使用者更具粘性，使用者體驗也更好。

7. M站更新迭代產品速度，響應產品調整非常快，隨時釋出，而App需要稽核時間。

8. M站跨平臺，無需開發安卓和iOS版，只需有瀏覽器即可。

所以， 我覺得，M站和客戶端的是相輔相成的，M站的及時性和快捷性，是app無法比擬的。而app 的使用者體驗，則是M站無法做到的。目前來說兩者是不可能被對方完全替代的，在網際網路營銷大行其道的今天，M站也越來越重要。營銷活動大多以H5頁面的形式展示和傳播的。通過M站的營銷和推廣，從而又促進APP的使用和推廣。

目前，移動M站有輕APP 化的是趨勢。M站會越來越像個APP，使得M站也越來越重要。而且，很多APP的展示效果。原生程式碼無法實現的時候，巢狀移動H5頁面也是一個很好的選擇。

下面介紹幾個移動M站建設的幾個點：

1. 51Degree

51degrees 號稱是目前最快、最準確的裝置檢測的解決方案。它是一個免費開源的.NET移動應用開發元件，可以用來檢測移動裝置和瀏覽器，甚至可以獲取螢幕尺寸，輸入法，加上製造商和型號資訊等。從而可以選擇性地被重定向到為移動裝置而設計的內容。由於擁有精確的移動裝置的資料，所以幾乎支援所有的智慧手機，平板電腦等移動裝置。

其實說白了，51Degree的作用，就是識別客戶端的裝置。PC瀏覽器訪問，就跳轉到PC站，手機瀏覽器訪問就跳轉到M站。從而達到更好的使用者體驗。

如何將51Degree加入到現有網站？

/file/2020/05/01/20200501010228_334.jpg 架構

其實移動web和傳統的web並沒有本質的區別。說白了還是一個web 站點，使用的技術都是html+css+js。不同的是，只不過目前在 Html5的大趨勢下，將Html5加入到了移動M站，使得M站更像個輕APP。

3. Bootstrap

Bootstrap。就不多說了，網上很多Bootstrap的資料。它最大的優勢應該就是非常流行，非常容易上手，如果缺少專業的設計或美工，那麼Bootstrap 是一個比較好的選擇。它的用法及其簡單,幾乎沒什麼學習成本,絕對是快速開發的利器。

官網：http://getbootstrap.com/Github：https://github.com/twbs/bootstrap/

4. 幾點建議：

1.移動m站的URL儘量和pc相同，這是為了避免同一URL在pc站可以顯示，但是在手機上開啟卻是404；

2. M站寫單獨的TDK。