欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

H5混合开发进阶之inspect调试

程序员文章站 2023-01-02 11:25:58
h5界面嵌套在原生app内部的时候,需要调用原生的方法,传递数据。中间难以调试代码,。 用google的 inspect调试。查看数据的传输方式。 1、adb连接正常,打开手机USB调试 2、第一次使用的时候一定要保证*!*!* (不懂的可以问我) 3、谷歌浏览器中打开chrome://ins ......

h5界面嵌套在原生app内部的时候,需要调用原生的方法,传递数据。中间难以调试代码,。

用google的 inspect调试。查看数据的传输方式。

1、adb连接正常,打开手机usb调试

2、第一次使用的时候一定要保证fq!fq!fq (不懂的可以问我)

3、谷歌浏览器中打开chrome://inspect/#devices

4、打开app,刷新谷歌inspect

H5混合开发进阶之inspect调试

 

熟悉的console.log出来啦。 哈哈。

手机上操作app 就跟电脑上显示的一样了。然后就可以跟一般的h5界面一样调试了。

在控制台,可以查看数据流,调用app内部的方法,传递的数据格式。如下

H5混合开发进阶之inspect调试

 

 是不是很方便。