HarmonyOS 鸿蒙Next flutter webview如何调试

发布于 1周前 作者 wuwangju 来自 鸿蒙OS

HarmonyOS 鸿蒙Next flutter webview如何调试 目前鸿蒙webview可以正常用chrome调试,但是flutter中的webview已打开OhosWebViewController.enableDebugging(true),chrome中并未检测到flutter中加载的webview

2 回复

使用Chrome调试webview,请使用4.1.0及以上版本

参考该文档:
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-debugging-with-devtools-0000001774279958-V5

不知道webview_flutter对是否有所帮助

webview_flutter已经适配了鸿蒙,它可以支持跨平台访问。

https://gitee.com/openharmony-sig/flutter_packages/tree/master/packages/webview_flutter

更多关于HarmonyOS 鸿蒙Next flutter webview如何调试的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在HarmonyOS(鸿蒙)系统中,针对Next版本的Flutter WebView调试,你可以按照以下步骤进行:

  1. 启用调试模式:

    • 确保你的设备或模拟器已经开启了开发者模式,并且启用了USB调试。
    • 在你的Flutter项目中,配置launch.json文件以启用热重载和调试功能。
  2. 连接设备:

    • 使用USB线将设备连接到你的开发电脑。
    • 在命令行工具中,使用flutter devices命令确认设备已被正确识别。
  3. 启动调试:

    • 在你的IDE(如VSCode)中,选择对应的设备作为调试目标。
    • 运行或调试你的Flutter应用,IDE会自动将应用安装到设备上并启动。
  4. WebView调试:

    • WebView的调试通常依赖于Chrome DevTools。在鸿蒙系统中,如果WebView是基于Chromium内核,你可以尝试使用Chrome的远程调试功能。
    • 打开Chrome浏览器,输入chrome://inspect,查看是否列出了你的设备及其上的WebView实例。
    • 点击对应的WebView实例,即可在新标签页中打开DevTools进行调试。

请注意,由于鸿蒙系统的不断更新和Flutter框架的演进,具体调试步骤可能会有所不同。如果上述方法不适用于你的具体情况,请查阅最新的鸿蒙开发文档或Flutter官方指南。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部