如何真机调试（H5）

前提条件，手机设置为开发者模式，并且与电脑在同一局域网下。

手机端同时需要用同样的浏览器，建议使用edge。

记住下面两个地址

  • edge://inspect/#devices
  • edge://flags/#unsafely-treat-insecure-origin-as-secure

如果是谷歌浏览器把edge换成chrome。

操作步骤

  1. 启动项目
  2. 链接手机
  3. 在对应浏览器打开edge、chrome

​ 链接正常的情况下会出现下图

  1. 如果需要用到摄像头还需要打开edge,如下图启用Insecure origins treated as secure

  2. 点击inspect，此时手机端浏览器就会弹出项目界面，这样就可以在电脑修改代码，查看控制台，而在手机查看效果了。