HB_关平
HB_关平
  • 发布:2017-08-18 17:33
  • 更新:2022-05-14 14:08
  • 阅读:12001

WebView调试模式使用说明

分类:HBuilder

关于WebView调试,HBuilderX,请参考第一章; HBuilder,请参考第二章

1. HBuilderX WebView调试说明

HBuilderX webview调试,适用于uniapp5+App等app类项目。

1.1 webview启动与使用

运行项目到手机,HBuilderX内点击菜单【视图】【显示WebView调试控制台】,即可打开webview调试控制台,如下图:

App打开要调试的页面,HBuilderX WebView调试控制台,会自动出现相关文件,点击【Inspect(调试)】,则会自动打开调试窗口。

1.2 注意事项

  1. 点击【Inspect(调试)】后,如无法正常打开调试窗口,关闭chrome浏览器,然后重试。
  2. uniapp项目仅v3模式的vue页面支持webview调试视图层。调试js或nvue请点击运行控制台右上角的debug按钮。

2. 老HBuilder WebView调试说明

HBuilder支持真机运行项目或者在手机上启动一个支持调试的应用即可在HBuilder打开调试功能,具体使用方式如下:
1、打开WebView调试模式:

2、打开WebView调试模式之后就能在该视图中查看打开的WebView,点击 [inspect(调试)] 即可调试

3、真机运行会自动打开WebView调试模式,可以在调试模式界面中关闭自动打开功能,去掉自动打开的选项即可,如下图:

如有问题请点击WebView调试模式常见问题

1 关注 分享
Trust

要回复文章请先登录注册

h***@qq.com

h***@qq.com

点insepct,只是打开Chrome,然后没任何反应
2022-05-14 14:08
aiplat点com

aiplat点com

正在加载,请稍后... 一片空白
2020-07-31 10:05
4***@qq.com

4***@qq.com

点insepct调试,没有任何反应
2018-04-12 13:30
lizhihao

lizhihao

点insepct调试,跳转到浏览器,没作用,是浏览器问题?
2017-09-29 11:56