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

Hbuilder Webview调试+逍遥安卓模拟器

程序员文章站 2022-06-30 14:38:09
软件版本: HBuilder : 9.0.2.201803061935 逍遥安卓:5.2.2 webview相当于一个浏览器的tab,通过在webview中修改,模拟器端会实时刷新效果。从而达到调试手机app开发的效果。一般调试的有样式和数据请求。 注意调试的时候,当模拟器端切换webview的时候 ......

软件版本:

HBuilder : 9.0.2.201803061935

逍遥安卓:5.2.2

webview相当于一个浏览器的tab,通过在webview中修改,模拟器端会实时刷新效果。从而达到调试手机app开发的效果。一般调试的有样式和数据请求。

注意调试的时候,当模拟器端切换webview的时候,要点开对应的inspect才能调试。

我这做了一个简单的app demo,通过mui.ajax请求某个专栏的数据,这个时候,一般要调试发送请求是否正常,以及请求的数据。

1,首先,用adb连接上我们的安卓模拟器,有些时候,不需要通过adb连接,hbuiilder会自动识别到

Hbuilder Webview调试+逍遥安卓模拟器

2,成功之后,在hbuilder右侧的调试模式下,会显示设备

Hbuilder Webview调试+逍遥安卓模拟器

3,连接真机调试

Hbuilder Webview调试+逍遥安卓模拟器

4,右侧就有2个webview

Hbuilder Webview调试+逍遥安卓模拟器

5,由于我的index.html这个webview是发送请求的,那么点击insepect,很容易出现 打不开,正在加载。。。。这种页面,怎么办? 重新连接

Hbuilder Webview调试+逍遥安卓模拟器

6,重新连接之后,就可以了,接下来在 谷歌中调试,web怎么调试,现在就怎么调试,结果会实时的在模拟器呈现

Hbuilder Webview调试+逍遥安卓模拟器

 

 我的ajax请求:

Hbuilder Webview调试+逍遥安卓模拟器

 

 

 Hbuilder Webview调试+逍遥安卓模拟器