這裡分享下如何在webpack工具構建下的vue專案,在手機端除錯和預覽,言歸正傳。
1.電腦和手機連線到同乙個wifi
a.台式電腦和手機同時鏈結乙個路由器,使用同乙個wifi;
b.筆記本也可以直接啟用乙個wifi,手機鏈結筆記本wifi也可以;
2.查詢本地ip位址
win+r,輸入cmd回車,開啟命令提示符,輸入ipconfig,檢視本地ipv4;
3.修改本地專案中ip位址
找到專案中config資料夾,下面index.js檔案開啟;
找到host: 『localhost』, 改為上面本地ipv4位址;
module.exports =
}4.製作***
5.重新啟動專案
移動端專案如何在手機上檢視效果
很多時候我們需要在真機上除錯,進行 的維護修改,如何在手機上檢視呢?我們拿vue來說,1.在vue的config index.js檔案中我們可以看到專案啟動的乙個埠號 上圖網域名稱是我進行修改後的,大家開啟後應該會預設顯示localhost 2.window r,輸入cmd進入控制台,然後輸入命令i...
關於如何在移動端收起鍵盤
遇到問題,再點選提交問卷時,手機的鍵盤沒有收起來,該專案前端是用vue.js,手勢是用vue tap.js 這樣的效果貌似使用者體驗不好。這時候我就在網上搜,js控制手機鍵盤。後來問了一下群的朋友。換了一下邏輯,首先鍵盤為何會彈出,因為點選了輸入框,該輸入框獲得的焦點,於是鍵盤就彈出了。所以方法很簡...
移動端 如何在移動端調出純數字鍵盤
最近在做手機頁面時,遇到數字輸入的鍵盤的問題,之前的做法只是一刀切的使用 type tel 不過一直覺得九宮格的 號碼鍵盤上的英文本母太礙事了。於是想要嘗試其它的實現方案,最終的結論卻令人沮喪。不過也趁機詳細了解了下pattern這個屬性。type tel 和 type number 的區別 這裡還...