如何在新窗口打开网页?

如何在新窗口打开网页?

HarmonyOS
2024-08-06 18:31:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
鸡翅可乐

html代码:

arkTS代码:

import web_webview from '@ohos.web.webview';
@Entry
@Component
struct Index {
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  dialogController: CustomDialogController | null = null
  build() {
    Column() {
      Web({ src: $rawfile("window.html"), controller: this.controller })
        .javaScriptAccess(true)
          // 需要使能multiWindowAccess
        .multiWindowAccess(true)
        .allowWindowOpenMethod(true)
        .onWindowNew((event) => {
          if (this.dialogController) {
            this.dialogController.close()
          }
          let popController: web_webview.WebviewController = new web_webview.WebviewController()
          this.dialogController = new CustomDialogController({
            builder: NewWebViewComp({ webviewController1: popController })
          })
          this.dialogController.open()
          // 将新窗口对应WebviewController返回给Web内核。
          // 如果不需要打开新窗口请调用event.handler.setWebController接口设置成null。
          // 若不调用event.handler.setWebController接口,会造成render进程阻塞。
          event.handler.setWebController(popController)
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}
@CustomDialog
struct NewWebViewComp {
  controller?: CustomDialogController
  webviewController1: web_webview.WebviewController = new web_webview.WebviewController()

  build() {
    Column() {
      Web({ src: "", controller: this.webviewController1 })
        .javaScriptAccess(true)
        .multiWindowAccess(false)
        .onWindowExit(() => {
          console.info("NewWebViewComp onWindowExit")
          if (this.controller) {
            this.controller.close()
          }
        })
    }
  }
}
分享
微博
QQ
微信
回复
2024-08-06 20:08:37
相关问题
如何用WebView创建新窗口
660浏览 • 1回复 待解决
鸿蒙怎么打开网页,Android可以正常打开
12755浏览 • 3回复 待解决
HarmonyOS跳转系统浏览器打开网页报错
515浏览 • 1回复 待解决
关于 web 网页打开速度
59浏览 • 1回复 待解决
如何设置窗口启动图片
2009浏览 • 1回复 待解决
如何设置窗口最小宽度
2086浏览 • 1回复 待解决
如何监听窗口大小的变化
2060浏览 • 1回复 待解决
如何通过代码关闭子窗口
256浏览 • 1回复 待解决