有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 1.手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點 ...
要實現手機訪問本地開發的移動端項目,首先做到兩點: 本地打開的項目可以使用本地ip訪問 手機和電腦同時處於一個同一個局域網中 手機和電腦同時連上同一個wifi 手機開熱點給電腦 電腦開wifi給手機連接 如果做到以上兩點,那么恭喜你,就可以直接使用電腦ip在移動端訪問了。 因為現開發項目是angular ionic項目,所以以下設置及開發均以angular項目為基礎進行設置。下面先來解決第一個難題 ...
2019-09-14 10:15 0 562 推薦指數:
有時候想在自己手機上預覽一下開發中網頁的效果,就需要使用真機調試,用chrome自帶的調試功能是很好的方法,但有時候需要適配一些小眾的手機屏幕,這時用chrome就不方便了,下面說一下如何在手機上進行網頁預覽。 1.手機和電腦連同一個WiFi 注意,這里的WiFi不是指手機連上電腦的熱點 ...
使用vue腳手架構建的項目,一般在本地localhost運行,配合瀏覽器的模擬調試工具開發。 如果想看真機環境,又不想build到線上。 webpack能配置電腦本地內網環境指向公網訪問的! 1、打開項目的package.json文件,修改里面的script里面的dev ...
很多時候我們需要在真機上調試,進行代碼的維護修改,如何在手機上查看呢? 我們拿vue來說, 1.在vue的config/index.js文件中我們可以看到項目啟動的一個端口號 上圖域名是我進行修改后的,大家打開后應該會默認顯示localhost ...
1.電腦和手機要連同一個wifi 一定是復制無線網的IP,而不是以太網的IP 2.在你的電腦上查找無線網絡的ipv4地址: 查找方法:windows+r 然后再輸入框里輸入cmd 回車 會出現這樣: 然后輸入ipconfig 然后回車 你會看到一個ipv4的地址。復制這個地址 ...
這幾天開發項目時,遇到一個問題:同一個局域網內的其他機子訪問不到自己電腦上tomcat中的項目,ip可以ping通,但是加上端口號和項目名就不行了。發現這個問題是由於本機上的防火牆造成的,但是又不好將防火牆直接關掉(在服務器上這揚操作是危險的,不提倡),所以就采取了以下操作(window7系統 ...
這里分享下如何在webpack工具構建下的vue項目,在手機端調試和預覽,言歸正傳。 1.電腦和手機連接到同一個WIFI a.台式電腦和手機同時鏈接一個路由器,使用同一個wifi; b.筆記本也可以直接啟用一個wifi,手機鏈接筆記本wifi也可以; 2.查詢本地IP地址 WIN+R ...
項目在瀏覽器中和手機上的實時預覽有一定的差別,下面介紹如何在移動端預覽Vue項目: 步驟一:cmd 打開命令運行符,輸入“ipconfig”查詢本地 IP; 步驟二: 將ipv4地址復制下來 ---> 192.168.x.x 步驟三: 打開想要預覽的項目所在文件夾 ...
打開cmd 輸入ipconfig 找到ipv4 對應的IP地址 復制到vue項目中的config/index.js中的host 在npm run dev就可以把鏈接復制在手機上查看了 ...