安卓：Chrome

  1. 移动端在开发者选项中打开 USB 调试权限
  2. 使用数据线连接移动端和 PC 端
  3. 移动端 Chrome 浏览器中打开要调试的页面
  4. PC 端打开 Chrome 浏览器，地址栏输入chrome://inspect
  5. 点击对应页面 inspect 进行调试 （PC 端需梯子）

ios：mac + Safari

  1. 打开 iPhone: 设置 > Safari > 高级 > Web 检查器
  2. 打开 Mac: Safari浏览器 > 偏好设置 > 高级 > 在菜单栏中显示“开发”菜单
  3. 用数据线连接你的 Mac 电脑和苹果手机，并选择信任设备
  4. 然后在手机的 Safari浏览器 中打开你需要调试的页面
  5. 在 PC 端点击 开发 > iPhone 名称 > 第一项

vConsole

需要通过 npm 安装，然后 new vConsole()

wenire

通过在本地启动一个 weinre 服务，并向手机网页嵌入一段 js 脚本来实现和电脑的通信，已达到类似浏览器开发工具那样的的调试效果，它的操作界面和 vConsole 差不多，主要包括查看 DOM、Console、Network 等，只不过这一切是在电脑上操作，而不是在手机上。