前端關於 本地頁面的html 移動端真機測試 手機訪問本地編寫的html頁面

參考： https://www.pianshen.com/article/30401616639/                      https://www.pianshen.com/article/30401616639     https://zhuanlan.zhihu.com/p/113222681?utm_source=qq

 

真機調試  編譯工具   實時 http://www.browsersync.cn/  可研究

 

cmd 命令行中 安裝http-server  :      npm install http-server -g

然后終端輸入http-server  運行服務

2.開啟 http-server服務

終端進入目標文件夾，然后在終端輸入：

$ http-server -c-1 （⚠️只輸入http-server的話，更新了代碼后，頁面不會同步更新）(更新代碼后記得瀏覽器清緩存 刷新頁面)
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

手機訪問 上圖顯示連接 一般都是8080端口,但是我8080被占用了,就往后順延（確保手機跟電腦在同一個局域網下）

http://192.168.1.13:8080
http://127.0.0.1:8080

找到本地文件所在位置就可以打開html 文件了   http://192.168.1.13:8080/Desktop/h5%E6%B4%BB%E5%8A%A8/raffle.html   手機瀏覽器 同意局域網下 訪問即可

 

3.關閉 http-server服務

按快捷鍵CTRL-C 終端顯示^Chttp-server stopped.即關閉服務成功。

 

 

開發移動端項目在真機上面的調試方法（是項目）參考： https://blog.csdn.net/weixin_43606158/article/details/99200443