webApp本地真机调试

一般我们开发 webApp 习惯用 chrome 控制台自带的手机模拟器，这没什么不好的，只不过在调试某些功能是会受限制：

• chrome 并不能完成完美的调用摄像头，调用录音等原生功能
• chrome 有时不能完美的演示手机样式问题

所以就有了本地真机调试的想法，在网上大概搜了一下，结合自己的实践整理出来

必需:

1. 装有桌面版 chrome 的 Android 手机
2. 装有 chrome 的 PC

步骤：

1. 手机连接电脑打开并同意 usb 调试。

2. f12 进入控制台选择 more tools 下的 remote devices,出现小绿点说明已经连接成功。

3. 接下来添加规则，如图所示，你的本地服务起在哪的端口上就添加哪个。
   

4. 接下来在手机桌面 chrome 里输入你的本地服务地址就可以看到画面了。