HarmonyOS 鸿蒙Next web控件加载h5 h5里的javascript打印的console.info在哪里看?

HarmonyOS 鸿蒙Next web控件加载h5 h5里的javascript打印的console.info在哪里看?

请问老师们，index.html里面htmlTest()方法打印的console.info在哪里能看到?

cke_6011.png

cke_6635.png


更多关于HarmonyOS 鸿蒙Next web控件加载h5 h5里的javascript打印的console.info在哪里看?的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

步骤1：在你的前端页面代码里，添加eruda.js插件，并进行初始化。

步骤2：运行你的鸿蒙项目，加载Web，同时点击齿轮。

更多关于HarmonyOS 鸿蒙Next web控件加载h5 h5里的javascript打印的console.info在哪里看?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


需要给ohos.permission.INTERNET权限

在HarmonyOS鸿蒙Next中，使用Web控件加载H5页面时，H5页面中的JavaScript通过console.info输出的日志信息不会直接显示在系统的日志中。要查看这些日志，可以通过以下方式：

  1. 使用DevTools：鸿蒙Next的Web控件支持通过Chrome DevTools进行调试。你可以在PC上使用Chrome浏览器，通过chrome://inspect连接到设备上的Web控件，查看H5页面的console.info输出。

  2. 自定义日志处理：在Web控件中，可以通过重写WebChromeClient的onConsoleMessage方法来捕获console.info的输出。具体实现如下：

webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
        Log.d("WebViewConsole", consoleMessage.message());
        return true;
    }
});

这样，H5页面中的console.info输出会被捕获并打印到系统的日志中，你可以通过Logcat查看。

  1. 使用Logcat：如果通过自定义日志处理将console.info输出到了系统日志中，可以使用Logcat工具查看这些日志。在终端中运行adb logcat命令，或者使用IDE中的Logcat窗口查看。

总结：通过Chrome DevTools或自定义日志处理，可以查看H5页面中的console.info输出。

回到顶部