Web 组件中如何注入自定义的 JavaScript 代码？

Question

我想在使用 Web 组件加载网页时，注入一些自定义的 JavaScript 代码来修改网页内容，不确定如何在 Web 组件中进行代码注入。有没有人知道怎么做？希望有代码示例。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

Web({
    src: $rawfile('index.html'),
    controller: this.controller
}).onControllerAttached(() = >{
    let context = getContext(this) as common.UIAbilityContext; // entry : hap包名，script.js：读取的文件名 context.createModuleContext('entry').resourceManager.getRawFileContent('script.js') .then(value => { let rawfile = value.buffer; this.controller.runJavaScriptExt(rawfile).then((e: ESObject) => { console.log(e) }).catch((err: ESObject) => { console.log(err) }) }) })