使用web访问一个可以调试页面,使用别的浏览器能正常显示,在右下角,但是HarmonyOS 鸿蒙Next不显示

使用web访问一个可以调试页面,使用别的浏览器能正常显示,在右下角,但是HarmonyOS 鸿蒙Next不显示

使用别的浏览器能正常显示,在右下角,但是鸿蒙不显示
代码已经加了,但是不起作用

2 回复
import { webview } from '@kit.ArkWeb';

@Component
struct LoadWebDemoPage {
  @State message: string = 'Hello World';
  @State url: string = 'https:/xxxxx'
  webviewController: webview.WebviewController = new webview.WebviewController();

  build() {
    RelativeContainer() {
      Web({
        src: this.url,
        controller: this.webviewController
      })
        .fileAccess(true)
        .javaScriptAccess(true)
        .domStorageAccess(true)
        .onlineImageAccess(true)
        .imageAccess(true)
        .onControllerAttached(() => { // 设置UA
          this.webviewController.setCustomUserAgent('Mozilla/5.0 (Linux; Android 9; VRD-AL10; HMSCore 6.3.0.331) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 HuaweiBrowser/12.0.4.1 Mobile Safari/537.36')
        })
        .onSslErrorEventReceive((event) => {
          AlertDialog.show({
            title: '忽略ssl证书',
            message: '是否跳过?',
            primaryButton: {
              value: '是',
              action: () => {
                event.handler.handleConfirm()
              }
            },
            secondaryButton: {
              value: '否',
              action: () => {
                event.handler.handleCancel()
              }
            },
            cancel: () => {
              event.handler.handleCancel()
            }
          })
        })
    }
    .height('100%')
    .width('100%')
  }

更多关于使用web访问一个可以调试页面,使用别的浏览器能正常显示,在右下角,但是HarmonyOS 鸿蒙Next不显示的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,如果使用Web访问调试页面时右下角内容不显示,可能涉及以下原因:

  1. 浏览器兼容性:鸿蒙Next内置的浏览器可能对某些CSS、JavaScript或HTML5特性的支持与其他浏览器不同,导致页面元素无法正常渲染。

  2. 页面布局问题:页面的CSS样式或布局代码可能依赖于特定浏览器的渲染机制,而鸿蒙Next的浏览器未完全适配这些机制。

  3. JavaScript执行异常:如果页面依赖JavaScript动态加载或渲染内容,鸿蒙Next的浏览器可能在执行某些JavaScript代码时出现兼容性问题。

  4. 调试模式限制:鸿蒙Next可能对调试页面的某些功能或显示区域进行了限制,导致部分内容无法显示。

  5. 系统权限或配置:鸿蒙Next可能对Web页面的某些权限或配置进行了默认限制,影响页面的正常显示。

解决此类问题通常需要检查页面的兼容性代码,确保其符合鸿蒙Next的浏览器标准。

回到顶部