前提条件

需要开启 网页调试setWebDebuggingAccess()

aboutToAppear(): void {  
  // 启动网页调试功能  
  webview.WebviewController.setWebDebuggingAccess(true);  
  
  // API20 支持 无线网页调试  
  // webview.WebviewController.setWebDebuggingAccess(true, 8888); // 8888 为暴露的端口号  
}

方式一：可视化调试工具 - ECHO

官网地址： https://echo.liriliri.io/

应用主页截图

在这里插入图片描述

应用网页调试列表

具体操作步骤如下图
在这里插入图片描述
在这里插入图片描述

方式二：DevEco 自动 Web Debug 映射浏览器调试

  1. 打开项目模块的配置选项

在这里插入图片描述

  1. 勾选 Auto WebView Debug

在这里插入图片描述

  1. 打开 Chrome 浏览器 地址栏输入 chrome://inspect/#devices
  2. 点击 Configure 映射端口号

在这里插入图片描述

  1. 点击 inspect 进入调试页面
    在这里插入图片描述
    在这里插入图片描述

方式三：手动映射浏览器调试

具体流程参考文档： 将设备连接至电脑

参考文档

# harmonyos # 华为 # 鸿蒙 # 鸿蒙系统
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

cover

【HarmonyOS 6.1 全场景实战】《灵犀厨房》实战（二十五）：【深色模式】一键切换暗色主题——让 App 在深夜也温柔

avatar HarmonyOS开发者社区

鸿蒙开发-想做高级文本排版？text文本模块的排版和字体管理

文章摘要： HarmonyOS的text模块提供了强大的文本排版功能，支持自定义字体加载和精细排版控制。核心流程包括：获取字体集（FontCollection）、加载自定义字体、定义文本样式（TextStyle）和段落样式（ParagraphStyle）、通过段落生成器（ParagraphBuilder）构建段落对象，最终执行排版并获取结果。该模块支持同步/异步字体加载、多种排版参数设置，并能查询

avatar HarmonyOS开发者社区

鸿蒙开发-想做毛玻璃和发光效果？MaskFilter遮罩滤镜详解

本文介绍了HarmonyOS中MaskFilter的使用方法，这是一种实现图形模糊效果的工具。文章详细说明了MaskFilter的概念、四种模糊类型（NORMAL/OUTER/INNER/SOLID）及其适用场景，并提供了创建模糊滤镜的代码示例。重点讲解了createBlurMaskFilter方法的两个参数（BlurType和sigma）的作用，以及如何将MaskFilter应用到画笔上。此外，

avatar HarmonyOS开发者社区