部分H5页面在华为浏览器适配展示问题

使用以下链接, 展示异常https://xxx.huawei.com/s2/14460163/c0e9/?tt=e2f3a3c6f617exxxee8526f5370b6 不知道是H5没有适合还是咱们底层服务问题。

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

ua没适配。目前手机的ua默认是网页的,所以显示比例不对,参考以下demo:

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  @State userAgent:string = 'Mozilla/5.0 (Phone; OpenHarmony 4.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile automobile/792 ' 
  aboutToAppear() { 
    web_webview.WebviewController.setWebDebuggingAccess(true); 
  } 
 
  build() { 
    Column() { 
      Web({ src:"", controller: this.controller }) 
        .javaScriptAccess(true) 
        .domStorageAccess(true) 
        .width("100%") 
        .height("100%") 
        .onControllerAttached(()=>{ 
          this.controller.setCustomUserAgent(this.userAgent); 
          this.controller.loadUrl("https://xxx.huawei.com/s2/14460163/c0e9/?tt=e2f3a3c6f6xxxx526f5370b6") 
        }) 
 
    } 
  } 
}
分享
微博
QQ
微信
回复
2天前
相关问题
如何使H5页面适配多设备?
494浏览 • 1回复 待解决
HarmonyOS h5页面是否可以适配Harmony OS
332浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
354浏览 • 0回复 待解决
HarmonyOS H5页面加载缓存机制
65浏览 • 1回复 待解决
HarmonyOS Web组件加载在线H5页面
52浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
752浏览 • 1回复 待解决
升级API11后h5页面字体变小了
1715浏览 • 1回复 待解决
HarmonyOS h5返回上一页面时会闪一下
266浏览 • 1回复 待解决
HarmonyOS 折叠屏H5适配问题
490浏览 • 1回复 待解决
H5页面输入框自动获焦弹起软键盘
1547浏览 • 1回复 待解决