浅谈ArkUI之Web组件的基础用法( 二 )


this.webCtr.registerJavaScriptProxy(this.test, "jsTest", ["hello", "toString"]);随后,在前端就可以访问到jsTest对象 , 代码如下:
let str = jsTest.hello();let st2 = jsTest.toString();5、页面调试在DevEco Studio中,通过DevTools工具可以很轻松地对Web组件中的页面进行调试,不过,需要通过setWebDebuggingAccess函数开启调试模式,代码如下:
this.webCtr.setWebDebuggingAccess(true);随后,通过以下命令在电脑端配置映射,如下所示:
// 添加映射 hdc fport tcp:9222 tcp:9222 // 查看映射 hdc fport ls映射建立成功后 , 就可以通过Chrome、Edge等浏览器通过USB线对Web页面进行调试了 。在页面中输入地址chrome://inspect/#devices,即可调试Web组件中的界面了 。

浅谈ArkUI之Web组件的基础用法

文章插图




推荐阅读