元服务AtomicServiceEnhancedWeb如何调试前端页面

问题现象

元服务使用AtomicServiceEnhancedWeb组件时，如何调试前端页面？

背景知识

AtomicServiceEnhancedWeb是AtomicServiceWeb的增强版，为开发者提供Web页面加载、页面交互、更多H5高阶开放能力等，保障开发者在H5混合ArkTS开发的场景有更加连续的体验。在元服务内，可使用AtomicServiceEnhancedWeb组件显示Web页面，且需要配置业务域名。AtomicServiceEnhancedWeb不需要注入ASCF框架即可运行，具体参考开发指南。

解决方案

AtomicServiceEnhancedWeb组件支持和ArkWeb一样的devtools调试能力，具体操作步骤如下：

1. 在DevEco Studio中找到当前元服务的进程id。

   

2. 在命令行里执行如下命令转发端口：

   hdc fport tcp:9222 localabstract:webview_devtools_remote_18526。

   说明

   "webview_devtools_remote_"后面的数字（18526）为第一步查到的元服务进程号。

3. 在Chrome浏览器上输入chrome://inspect/#devices，打开调试工具页面。

   

4. 点击inspect开始调试页面。

   

常见FAQ

Q：如何判断hdc fport是否执行成功，有哪些常见的返回信息？

A：hdc fport命令执行成功会输出Forwardport result:OK，其他返回信息详见创建正向端口转发任务介绍。