在手機上調試H5頁面


1.  在電腦和手機上都安裝Chrome瀏覽器;
2.  手機用數據線連接到電腦上;
3.  在設置的開發者選項里開啟手機的USB調試;
4.  要確保手機和電腦連接的是同一局域網,並且關掉電腦上的防火牆;
5.  電腦上的chrome瀏覽器訪問chrome://inspect,如果連接成功,就會在電腦上的chrome瀏覽器中顯示出對應的手機的型號;

 

 

6. 在手機上的chrome瀏覽器內輸入要查看的網址;

7. 此時電腦上的chrome://inspect頁面中就會出現可以檢查的頁面;

 

 

如果調試的開發頁面為locasthost的時候,移動端是拿不到這個頁面的。可以在cmd里輸入ipconfig,就可以看到ipv4地址,也就是本機的ip地址,用這個地址替換localhost。
但這個時候vue項目又會出現無法訪問的情況,找到 config 文件夾下面的 index.js 里面的 dev,把 host 的值改成 0.0.0.0,重新編譯即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM