移动端调试技巧

1. 移动端调试的几种方法

1. 开启 http-server，在 PC 端打开地址 http://127.0.0.1:8080，打开开发者工具，工具栏中选择手机模式（可选择机型，可调式）。

2. 开启 http-server，在手机端输入网址 http://192.168.0.108:8080（当前电脑在局域网中的 IP 地址，手机需与电脑连接同一个 WiFi），即可同步看到页面效果。

3. 将代码拷贝到 JSBin 上，用手机打开当前 JSBin 页面的 URL，那么 JSBin 上代码的变动会同步更新到手机页面上。

4. 将代码上传到 GitHub 并生成预览链接，手机端打开链接即可看到页面。

另外，当 URL 特别长时，手动在手机输入网址比较麻烦，可以借助工具（如草料二维码）将 URL 地址生成二维码，然后用手机扫码打开页面。

2. 移动端报错解决

• 安装工具：
  npm install -g browser-sync
• 使用方法：
  进入目录：cd xxx，启动工具：browser-sync start --server，
• 调试：
  1. 手机端打开 External 地址；
  2. 端打开 UI 地址（管理页面），勾选 Remote Debugger。
  3. 关掉 Server 重新启动，重新打开管理页面，点击 Access remote debugger。
  4. 点击 Target 下的地址，进行移动端调试。