在手機上預覽自己的本地h5頁面


1.安裝nodeJS環境

2.在當前所在項目文件夾下輸入命令:

npm install anywhere -g
3.輸入命令:

anywhere
,即可在瀏覽器以本機ip地址為域名,自動打開該項目所有的根目錄

此時,直接將該地址在手機瀏覽器打開,即可在手機上預覽頁面效果(電腦和手機必須在同一局域網,及同一個WiFi)

 

 用微信調試:

微信打開這個網址 http://debugx5.qq.com/ 暖心的我給你准備好了二維碼,掃一掃吧(不要太感動……)

進去后,選擇中間‘’信息‘’,然后一直往下翻,把vConsole打開,把下面兩個Content Cache關掉。

然后打開你要調試的頁面,你就你能看到右下角有個綠色按鈕vConsole。點擊就能查看你代碼中console的內容了。


其實還有一種方法是引入vConsole文件。就直接可以看到打印的東西了。他們講的很明白,我就不多說了。
https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md

原文:https://blog.csdn.net/weixin_39003573/article/details/82990554
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!


免責聲明!

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



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