移动端移动页面调试，真机调试方法总结

3种方法都需要手机电脑在统一局域网下。

• 通过http-server起服务
  1.文件夹demo内至少包含index.html和server.js
  2.打开node命令行，cd到文件夹demo。执行node server.js
  3.浏览器打开localhost:9000
server.js

  const http = require('http')
  const fs = require('fs')
  http.createServer((req, res) => {
      fs.createReadStream('index.html').pipe(res)
  }).listen(9000)
  //9000端口号
  

  4.手机和电脑连同一个局域网。查看电脑ip
  
  5.在手机浏览器打开http://192.168.2.4:9000/

---

• 通过VSCode的插件live server
  1. 把html文件放到文件夹demo中。用VSCode打开文件夹demo

  live server是个web服务器工具,在vscode下方有个按钮,点一下就能启动浏览器,根目录就是当前的vscode项目目录.

  2.在打开的html文件右下方，有个Go Live，点击Go Live就会自动在默认浏览器中打开HTML文件。默认端口可以在settings.json里查看。

  本次demo默认端口5500

  
  3.配置文件
  ctrl+shift+p打开搜索，输入setting查找配置文件，选择open user settings；点击Edit in setting.json可以打开配置文件

    "liveServer.settings.port": 5500,//设置本地服务的端口号
    "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
  

  
  4.在手机浏览器打开http://192.168.2.4:5500/即可