移動web開發

在現代網頁開發中，新增了一個移動設備網頁開發，在這樣的需求下，你須要考慮如何將移動web和pc web同步處理

1  /*
2     * 瀏覽器如何識別移動設備
3     * */
4     var ua = navigator.userAgent.toLowerCase();
5     var ipad = /ipad/gi.test(ua);
6     var android = /android|Adr/gi.test(ua);
7     var iphone = /iphone/gi.test(ua);

移動端web是要作成響應式仍是單獨分開來作呢？

咱們須要關注這兩個問題：

一、你的應用場景是什麼樣的

二、你要如何設計你的響應式

若是你的網頁是比較簡單、輕量級的能夠直接用media query實現響應式，也能夠使用css的響應式框架。好比：blog、小型企業站等

如何你的網頁是比較大型的，這就要用到上面的代碼判斷移動設備渲染不一樣版本的模版，組合相應的靜態資源，也算是一種響應式。可是有個弊端是維護成本高

綜合各類狀況，靜態資源的響應式都是有必要去作的，大型頁面能夠經過響應式組件去解決複用、功能同步的問題。

總之，根據場景響應式能夠從各類層面，各類粒度上作。這是現代web開發的特色。

 

本文部分採起自：知乎--張克軍的回答