关于WebView调试,HBuilderX,请参考第一章; HBuilder,请参考第二章
1. HBuilderX WebView调试说明
HBuilderX webview调试,适用于uniapp
、5+App
等app类项目。
1.1 webview启动与使用
运行项目到手机,HBuilderX内点击菜单【视图】【显示WebView调试控制台】,即可打开webview调试控制台,如下图:
App打开要调试的页面,HBuilderX WebView调试控制台,会自动出现相关文件,点击【Inspect(调试)】,则会自动打开调试窗口。
1.2 注意事项
- 点击【Inspect(调试)】后,如无法正常打开调试窗口,关闭chrome浏览器,然后重试。
- uniapp项目仅v3模式的vue页面支持webview调试视图层。调试js或nvue请点击运行控制台右上角的debug按钮。
2. 老HBuilder WebView调试说明
HBuilder支持真机运行项目或者在手机上启动一个支持调试的应用即可在HBuilder打开调试功能,具体使用方式如下:
1、打开WebView调试模式:
2、打开WebView调试模式之后就能在该视图中查看打开的WebView,点击 [inspect(调试)] 即可调试
3、真机运行会自动打开WebView调试模式,可以在调试模式界面中关闭自动打开功能,去掉自动打开的选项即可,如下图:
如有问题请点击WebView调试模式常见问题