鍍金池/ 問答/HTML/ vue 2.0 請教項目適配移動端和電腦端，抽取 js 部分，樣式獨立

vue 2.0 請教項目適配移動端和電腦端，抽取 js 部分，樣式獨立

在已有的 pc 項目下再建立一個移動端項目，然后打算將 pc 中的方法都分別按模塊寫到另外一個 function 文件夾中，而 pc 和移動端里面的 文件.vue 就僅僅寫 template 和 style，然后在 index.html 中引入所有模塊的 function/各種模塊.js 文件，請問這樣的做法合適嗎？一個項目既然要有移動端又有電腦端主流的做法都是怎么做的呢？

當(dāng)然在路由中判斷是進入 pc 還是移動端的頁面。

請大家不吝指教，謝謝。

回答
編輯回答
拼未來
  1. 如果你的移動端和 PC 端產(chǎn)品存在很大的功能差異，那么可以考慮用兩套邏輯實現(xiàn)，不然的話，建議還是一套
  2. 一套邏輯：使用響應(yīng)式的樣式，盡量采用流式布局（不寫死寬高，自適應(yīng)）
  3. 兩套邏輯：服務(wù)器端通過 userAgent 輸出不同的頁面；公共部分建立公公類庫，使用 npm 或者 git submodule 管理
2017年11月16日 08:53
編輯回答
苦妄

navigator.userAgent試試？

2017年12月12日 15:50
編輯回答
絯孑氣
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = "移動端url";
} else {
    window.location.href = "pc端url";
}

估計多頁的配置有點小麻煩，不過這樣代碼結(jié)構(gòu)也會比較清晰吧。

2018年3月19日 10:09