我在鸿蒙应用开发客户端与H5页面关于方法H5与客户端相互调用的过程中发现我需要调试的信息由H5进行Alert而客户端却没有任何显示。这时感觉非常疑惑，代码如下：

Web({  
    src: url,  
    controller: webviewController
 })
 .javaScriptProxy({
            object: this.jsBridge,
            name: "handler",
            methodList: this.jsMethod,
            asyncMethodList: this.jsAsyncMethod,
            controller: webviewController
          })

如下代码片段，然后去开发者官网看关于Web的用法相关的属性方法时发现onAlert这个方法，原来鸿蒙在WebView开发时的弹窗需要开发者实现onAlert这个方法去自定义一个弹窗显示才可以正常显示出来。当时找了好久感觉很奇怪，具体实现如下：

Web({  
    src: url,  
    controller: webviewController
 })
 .onAlert((event) => { // 提示框处理相关
            if (AppUtil.isTestEnv()) {
              // 测试环境 配合h5弹出调试alert
              AlertDialog.show({
                title: '温馨提示',
                message: event?.message,
                confirm: {
                  value: 'onAlert',
                  action: () => {
                    event?.result.handleConfirm()
                  }
                },
                cancel: () => {
                  event?.result.handleCancel()
                }
              })
            }
            return true;
          })
 .javaScriptProxy({
            object: this.jsBridge,
            name: "handler",
            methodList: this.jsMethod,
            asyncMethodList: this.jsAsyncMethod,
            controller: webviewController
          })

这样在调试WebView有了弹窗提示，可以快速定位到H5走到哪一步进行问题分析。