有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 1.手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點 ...
使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的 打開項目的package.json文件,修改里面的script里面的dev 可以打開cmd控制台,輸入ipconfig,查看自己的電腦ip 修改好了之后本地電腦訪問要把之前網址的localhost換成自己的電腦 ...
2019-04-29 12:46 0 673 推薦指數:
有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 1.手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點 ...
十天沒有寫文章了,居然還有點手生,不知道該怎么開頭了。。尷尬。 今天來分享一個小技巧--如何在手機上調試本地項目。 相信很多開發小伙伴都對手機樣式調試比較頭疼,在電腦模擬器上寫好了 css 樣式一切簡直完美,但是到了手機上就是各種問題暴露。要是本地寫好的樣式可以直接到手機上去查看,豈不是美滋滋 ...
1.電腦和手機要連同一個wifi 一定是復制無線網的IP,而不是以太網的IP 2.在你的電腦上查找無線網絡的ipv4地址: 查找方法:windows+r 然后再輸入框里輸入cmd 回車 會出現這樣: 然后輸入ipconfig 然后回車 你會看到一個ipv4的地址。復制這個地址 ...
打開cmd 輸入ipconfig 找到ipv4 對應的IP地址 復制到vue項目中的config/index.js中的host 在npm run dev就可以把鏈接復制在手機上查看了 ...
要實現手機訪問本地開發的移動端項目,首先做到兩點: 1、本地打開的項目可以使用本地ip訪問 2、手機和電腦同時處於一個同一個局域網中(手機和電腦同時連上同一個wifi / 手機開熱點給電腦 / 電腦開wifi給手機連接) 如果做到以上兩點,那么恭喜你,就可以直接使用電腦ip在移動端訪問 ...
vue.js學習之 如何在手機上查看vue-cli構建的項目 一:找到config文件夾下的index.js文件,打開后,將host的值改為你本地的ip,保存后重啟項目 二:輸入ip和端口號打開項目 三:將地址復制,使用二維碼轉換工具(草料二維碼)生成二維碼后,使用手機掃描,就可以查看 ...
這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
1.查看電腦ip windows系統:終端輸入ipconfig,找到IPv4地址 mac系統:終端輸入ifconfig,找到inet 2.修改項目配置 項目中找到webpack.config.js文件,將host地址改為電腦的ip地址,(以mac系統地 ...