移動web開發

標籤：android   style   blog   http   io   color   ar   使用   sp   

在現代網頁開發中，新增了一個行動裝置網頁開發，在這樣的需求下，你需要考慮如何將移動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是要做成響應式還是單獨分開來做呢？

我們需要關注這兩個問題：

1、你的應用情境是什麼樣的

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

如果你的網頁是比較簡單、輕量級的可以直接用media query實現響應式，也可以使用css的響應式架構。比如：blog、小型企業站等

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

綜合各種情況，靜態資源的響應式都是有必要去做的，大型頁面可以通過響應式組件去解決複用、功能同步的問題。

總之，根據情境響應式可以從各種層面，各種粒度上做。這是現代web開發的特點。

 

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

 

移動web開發