HarmonyOS 鸿蒙Next Web组件弹出窗自定义UserAgent渲染无作用问题

发布于 1周前 作者 nodeper 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next Web组件弹出窗自定义UserAgent渲染无作用问题
<markdown _ngcontent-lsv-c149="" class="markdownPreContainer">

Web组件允许再弹出窗,弹出窗中设置的自定义UserAgent在渲染时无作用,只有在弹窗中再次点击url后有作用,这该怎么解决啊? 关键代码如下:

Web({ src: $rawfile('local/index.html'), controller: this.webController })
  .multiWindowAccess(true)
  .allowWindowOpenMethod(true)
  .onWindowNew((event) => {
    console.log('pop url: ' + event.targetUrl);
    if (this.dialogController) {
      this.dialogController.close();
    }
    let popController: webview.WebviewController = new webview.WebviewController();
    this.dialogController = new CustomDialogController({
      builder: NewWebViewComp({ webviewController: popController })
    })
    this.dialogController.open();
    //将新窗口对应WebviewController返回给Web内核。
    //如果不需要打开新窗口请调用event.handler.setWebController接口设置成null//若不调用event.handler.setWebController接口,会造成render进程阻塞。
    event.handler.setWebController(popController);
  })

@CustomDialog
export struct NewWebViewComp {
  controller?: CustomDialogController;
  webviewController: webview.WebviewController = new webview.WebviewController();
  ua: string =
    "Mozilla/5.0 (Phone; OpenHarmony 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile Android baicao_app";

  build() {
    Column() {
      Web({ src: "", controller: this.webviewController })
        .javaScriptAccess(true)
        .multiWindowAccess(true)
        .domStorageAccess(true)
        .onWindowExit(() => {
          console.info("NewWebViewComp onWindowExit");
          if (this.controller) {
            this.controller.close();
          }
        })
        .onControllerAttached(() => {
          console.log("onControllerAttached");
          try {
            // 这里设置的UserAgent,在第一次渲染时没有作用
            this.webviewController.setCustomUserAgent(this.ua);
            console.log("subWeb ua:" + this.ua);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code}, Message: ${(error as BusinessError).message}`);
          }
        })
    }
  }
}
1 回复

针对HarmonyOS鸿蒙Next Web组件弹出窗自定义UserAgent渲染无作用的问题,可以尝试以下解决方案:

  1. 确认绑定时序

    • 确保在设置UserAgent时,WebviewController已经与Web组件绑定。可以在Web组件的onPageBegin或onPageEnd方法中调用WebviewController.setCustomUserAgent,此时绑定关系已经建立。
  2. 检查设置代码

    • 验证设置UserAgent的代码是否正确。例如,在onPageBegin或onPageEnd回调中,通过controller.setCustomUserAgent(‘自定义UserAgent字符串’)进行设置。
  3. 页面加载状态

    • 利用ArkWeb提供的回调方法监控页面加载状态,确保页面已正确加载并应用自定义UserAgent。
  4. 检查权限配置

    • 确保应用已配置必要的网络访问权限,以便正确加载和渲染Web内容。

如果以上方法均未能解决问题,可能是由于系统或应用层面的其他因素导致。此时,建议联系HarmonyOS鸿蒙Next的官方客服获取更专业的技术支持。官网客服地址是:https://www.itying.com/category-93-b0.html

回到顶部