windows调试ios app里的h5

Question

各位，请教一下在混合开发app中，windows如何调试ios app里面的h5页面，查看他的样式结构什么的，不是浏览器的h5，是app里的h5,每次都部署调试，盲写效率太低了。

Answer 1

下面两种方法都可以调试,查看日志和html结构:
1.把这段代码放入你需要调试的html页面的head中,混合开发中就可以看到一个vconsole按钮,点开就可以看到结构了

    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    <script>
        var vConsole = new VConsole();
    </script>

2.或者通过inspect调试,稍微麻烦点,但是可以debugger, 步骤如下:
首先打开手机的开发者模式，（在连续点击7次版本号，系统会提示已经打开开发者模式）

然后打开一个手机浏览器。

然后在电脑上打开chrome://inspect/#devices。这是就会出现手机上浏览器相应的链接，点击inspect弹出一个新窗口就可以查看代码了。还有就是电脑要可以翻墙的。

如果chrome://inspect/#devices调试H5的时候一直是一片空白,看下是不是native没有打开debug。
如果是native没有打开debug,就需要app端,native打开webview调试。具体代码WebView.setWebContentsDebuggingEnabled(true);

具体可以参考博客 https://blog.csdn.net/sllailcp/article/details/80437162