HarmonyOS Web加载url如何在手机上显示适合手机页面

HarmonyOS  Web加载url如何在手机上显示适合手机页面

HarmonyOS
2024-09-05 09:30:43
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

Web组件在加载url时,可以通过设置wideviewport属性为false来使布局宽度始终设置为WebView控件的CSS像素宽度。这样可以确保在手机上显示适合手机页面的布局。详细链接参考:https://developer.huawei.com/consumer/cn/doc/quickApp-References/quickapp-component-web-0000001074615196

目前原因是加载的网站没有识别兼容HarmonyOS设备的UA,可通过自定义UA的方式规避该问题,代码如下:

import webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct Page2 { 
  webController: webview.WebviewController = new webview.WebviewController(); 
  aboutToAppear(): void { 
    webview.WebviewController.setWebDebuggingAccess(true) 
  } 
  build() { 
    Row() { 
      Column() { 
        Web({src: "www.huawei.com",controller:this.webController}).domStorageAccess(true) 
          .onControllerAttached(() => { 
          let newAgent = "Mozilla/5.0 (Phone; Android; OpenHarmony 4.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile"; 
          this.webController.setCustomUserAgent(newAgent) 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-09-05 15:59:35
相关问题
判断模型能否在手机上运行
1735浏览 • 1回复 待解决
如何获取手机上部高度
259浏览 • 1回复 待解决
HarmonyOS Web 加载URL异常
64浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
297浏览 • 1回复 待解决
安装包如何安装到手机上?
7312浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
285浏览 • 1回复 待解决
Web加载网页后获取当前页面url
1014浏览 • 1回复 待解决