使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的! 1、打開項目的package.json文件,修改里面的script里面的dev ...
有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 .手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點,而是兩者連進別的局域網,比如公司或者家里的WIFI。 .打開電腦命令行查看ip地址 win r,輸入cmd,再輸 ...
2020-05-07 09:31 1 1545 推薦指數:
使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的! 1、打開項目的package.json文件,修改里面的script里面的dev ...
十天沒有寫文章了,居然還有點手生,不知道該怎么開頭了。。尷尬。 今天來分享一個小技巧--如何在手機上調試本地項目。 相信很多開發小伙伴都對手機樣式調試比較頭疼,在電腦模擬器上寫好了 css 樣式一切簡直完美,但是到了手機上就是各種問題暴露。要是本地寫好的樣式可以直接到手機上去查看,豈不是美滋滋 ...
方法 直接在html中引入vconsole.js文件, 然后在js腳本中使用console.log('調試內容'); 即可看到如下效果,還可以在network里面看到ajax請求 我把js文件傳到博客園,方便大家下載. vconsole.js下載地址 https ...
. . . . . . . . . . . . : 192.168.X.X”的一般就是你的內網IP了,然后在手機瀏覽器上直接輸入這個內網IP,就可以訪問到環境根目錄中的 ...
要實現手機訪問本地開發的移動端項目,首先做到兩點: 1、本地打開的項目可以使用本地ip訪問 2、手機和電腦同時處於一個同一個局域網中(手機和電腦同時連上同一個wifi / 手機開熱點給電腦 / 電腦開wifi給手機連接) 如果做到以上兩點,那么恭喜你,就可以直接使用電腦ip在移動端訪問 ...
這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
在package.json中的dev屬性中添加--host ip地址即可 訪問方法: http://192.168.31.253:8080/#/seller 帶二維碼的瀏覽器手機直接掃描即可,不帶二維碼的瀏覽器 百度草料二維碼直接把網址放進去生成二維碼再掃描即可 ...
很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢? 我們拿vue來說, 1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號 上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost ...