移動端移動頁面調試，真機調試方法總結

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/即可