当前位置:   article > 正文

【鸿蒙NEXT】web组件debug模式

【鸿蒙NEXT】web组件debug模式

官方文档
使用Devtools工具调试前端页面

  1. 打开web debug模式
webview.WebviewController.setWebDebuggingAccess(true)
  • 1
  1. chrome 访问 chrome://inspect/#devices
    Discover network targets 中添加 localhost:9222
    在这里插入图片描述

  2. 创建cat.sh

name=$(hdc shell ps -ef | grep com.cib.qdzg | awk '{print $2}')
echo "prefix_${name}" 
pid=${name##*_} 
hdc fport tcp:9222 localabstract:webview_devtools_remote_$pid
  • 1
  • 2
  • 3
  • 4
  1. 运行 ./cat.sh

在这里插入图片描述

  1. 其它
    使用 hdc fport ls查看所有进程

在这里插入图片描述
进程太多要清掉,关闭服务

hdc server kill
hdc server start
  • 1
  • 2

使用hdc list targets查看设备
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/473199
推荐阅读
相关标签
  

闽ICP备14008679号