H5頁面在手機上查看 使用手機瀏覽自己的web項目


參考: http://www.browsersync.cn/#install

首先全局安裝BrowserSync : npm install -g browser-sync

其次在項目文件夾下運行: browser-sync start --server --files "css/*.css, *.html"

用以監聽css和html文件,該文件夾下最好有index命名的html文件

運行完成后會跳出如下頁面:

我的url是我自己已經設置好了的,顯示的是電腦ip,地址欄默認其實是顯示localhost的,如果將其改為自己的電腦端口號需要在設置里面進行設置。

將端口號3000更改一下,比如改成3001,就會跳到設置頁面:

然后點擊這里:

隨后將想看的某個項目的地址輸入:

將此地址欄發到手機上,只要是在同一個局域網內,就能在手機上查看此項目了

 

 


免責聲明!

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



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