使用 edge 调试 安卓app/手机网页

      最近在做h5项目,有些功能需要在手机上进行测试,但是手机网页又不能像pc端一样f12就可以进行调试,网上查找了一会,找到了解决方法,那就是pc端使用edge浏览器配合移动端用谷歌浏览器进行一个调试。

需要怎么做呢?

      1.找到开发者模式,打开 USB 调试,以华为nova5为例:

      1.1进入设置,点击关于手机,反复点击版本号开启开发者模式。

      1.2进入设置,点击系统和更新,选择开发人员选项,启动usb调试。

     2.使用数据线连上电脑

     3.移动端下载谷歌浏览器,打开需要调试的页面。(下面是一张移动端需要调试的页面的截图)

使用 edge 调试 安卓app/手机网页_第1张图片

     4.pc端打开edge浏览器,输入edge://inspect/#devices,找到需要调试的页面,点击inspect,这时会弹出一个可以进行调试的新窗口,到这里就可以进行正常的调试啦。

使用 edge 调试 安卓app/手机网页_第2张图片

 使用 edge 调试 安卓app/手机网页_第3张图片

   pc端的谷歌浏览器也可以进行调试,刚开始的时候我是想使用谷歌浏览器进行调试的(pc端打开谷歌浏览器输入chrome://inspect/#devices就可以进行调试了),但是输入地址以后点击inspect弹出的出口一直提示404,百度了一下说是pc端浏览器版本与移动端的不兼容,貌似需要手机的 chrome 版本比 PC 的高,感觉比较麻烦就没有进行用谷歌浏览器,而是用起了edge浏览器。

你可能感兴趣的:(前端,html5,html,css)