HarmonyOS webview如何调试?

我们发现HarmonyOS有一个开启调试的功能,web_webview.WebviewController.setWebDebuggingAccess(true);但是并没有找到在什么地方可以调试webview。

HarmonyOS
2024-11-07 11:41:52
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

​Web组件支持使用DevTools工具调试前端页面。DevTools是一个 Web前端开发调试工具,提供了电脑上调试移动设备前端页面的能力。开发者通过setWebDebuggingAccess()接口开启Web组件前端页面调试能力,利用DevTools工具可以在电脑上调试移动设备上的前端网页。使用DevTools工具,可以执行以下步骤:

1、在应用代码中开启Web调试开关。

// 配置Web开启调试模式

web_webview.WebviewController.setWebDebuggingAccess(true);

2、开启调试功能需要在DevEco Studio应用工程的module.json5文件中增加权限​。

"requestPermissions":[ 
{ 
  "name" : "ohos.permission.INTERNET" 
} 
]

​3、将设备连接上电脑,在电脑端配置端口映射,配置方法如下:

//查找 devtools 远程调试所需的 domain socket 名称,该名称与进程号有关,重启调试应用后,需要重复此步骤,以完成端口转发​。

hdc shell
cat /proc/net/unix | grep devtools
exit

// 添加映射 [pid] 替换成实际的进程id。

hdc fport tcp:9222 localabstract:webview_devtools_remote_[pid]

// 查看映射。

hdc fport ls

示例:

hdc shell
cat /proc/net/unix | grep devtools

//显示 webview_devtools_remote_3458

exit
hdc fport tcp:9222 localabstract:webview_devtools_remote_3458
hdc fport ls

在电脑端浏览器地址栏中输入inspect/#devices,页面识别到设备后,就可以开始页面调试。

分享
微博
QQ
微信
回复
2024-11-07 16:22:18
相关问题
HarmonyOS webview远程调试
323浏览 • 1回复 待解决
HarmonyOS WebView组件前端页面调试
134浏览 • 1回复 待解决
使用Devtools调试webview
135浏览 • 1回复 待解决
HarmonyOS 如何本地调试Sqlite
574浏览 • 1回复 待解决
HarmonyOS 如何真机调试
486浏览 • 1回复 待解决
HarmonyOS 如何调试检测更新?
247浏览 • 1回复 待解决
如何HarmonyOS 进行GDB调试?
1849浏览 • 1回复 待解决
HarmonyOS 如何使用发布证书进行调试
573浏览 • 1回复 待解决
HarmonyOS 如何同步cookie到webview
402浏览 • 1回复 待解决
HarmonyOS webview如何加载沙箱html
331浏览 • 1回复 待解决
HarmonyOS webview如何设置自适应
510浏览 • 1回复 待解决
HarmonyOS 如何检测webview滚动是否触底
313浏览 • 1回复 待解决
HarmonyOS webview如何播放本地沙箱视频
1403浏览 • 1回复 待解决
HarmonyOS webview组件如何加载html代码?
357浏览 • 1回复 待解决
HarmonyOS webview拉起应用
424浏览 • 1回复 待解决
如何使用发布证书进行调试
338浏览 • 1回复 待解决
如何使用gdb调试native应用
643浏览 • 1回复 待解决
如何调试引用的外部so
718浏览 • 1回复 待解决
如何对Serviceabbility进行调试
2917浏览 • 1回复 待解决