HarmonyOS Web组件开发问题咨询

1、Web组件沉浸式,设置expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP]),Web组件整体会上移。

2、Web组件设置自定义httpHeader,在onControllerAttached这个方法里面去调用this.controller.loadUrl(‘www.example.com’, [{ headerKey: “headerKey”, headerValue: “headerValue” }]);会出现偶尔网页会加载不出来,显示空白,在网页内部跳转另一个网页,正常情况下应该是可以回退的,但是这么使用后this.webController.accessBackward()返回的是false,无法回退。

HarmonyOS
2024-11-07 11:46:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

​1、expandSafeArea是控制组件扩展其安全区域的,SafeAreaType.SYSTEM是系统默认非安全区域,包括状态栏、导航栏。改成SafeAreaType.CUTOUT可解决问题1。参考链接:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-types-V5#safeareatype10

2、headerKey、headerValue设置具体的值,可以正常前进和后退。​

import web_webview from '@ohos.web.webview' 
import Url from '@ohos.url' 
@Entry 
@Component 
struct Index { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  url: string = ''; 
  @State message:string = ''; 
  build() { 
    Column() { 
      Text(this.message) 
        .fontColor('#2EB3FF') 
        .fontSize('36px') 
 
      Button('后退') 
        .onClick(()=>{ 
          if(this.controller.accessBackward()){ 
            this.message = '可继续后退~'; 
            this.controller.backward(); 
          }else{ 
            this.message = '不可以继续后退了~'; 
          } 
        }) 
        .margin({top:'20vp',bottom:'20vp'}) 
 
      Button('前进') 
        .onClick(()=>{ 
          if(this.controller.accessForward()){ 
            this.message = '可以继续前进~'; 
            this.controller.forward(); 
          }else{ 
            this.message = '不可以继续前进了!' 
          } 
        }) 
        .margin({bottom:'20vp'}) 
 
      Web({ src: 'https://www.huawei.com', controller: this.controller }) 
        .onControllerAttached(()=>{ 
          this.controller.loadUrl('https://www.huawei.com',[{ headerKey: "Accept", headerValue: "*" }]) 
        }) 
        .domStorageAccess(true) 
        .expandSafeArea([SafeAreaType.CUTOUT], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) 
        .backgroundColor(Color.Red) 
    } 
  } 
 
}
分享
微博
QQ
微信
回复
2024-11-07 17:40:29
相关问题
HarmonyOS 线程开发问题
249浏览 • 1回复 待解决
HarmonyOS 关于flutter开发问题
205浏览 • 1回复 待解决
NAPI开发问题
251浏览 • 1回复 待解决
HarmonyOS 企业内部应用分发问题咨询
227浏览 • 1回复 待解决
HarmonyOS APP分发问题
336浏览 • 1回复 待解决
HarmonyOS 按需分发问题
455浏览 • 1回复 待解决
HarmonyOS字符串SHA-1开发问题
591浏览 • 1回复 待解决
HarmonyOS 上架分发问题
264浏览 • 1回复 待解决
HarmonyOS inhouse方式分发问题
248浏览 • 1回复 待解决
聊一聊DS的低代码开发问题
6595浏览 • 1回复 待解决
HarmonyOS web组件中onalert函数咨询
269浏览 • 1回复 待解决
HarmonyOS 应用分发问题
216浏览 • 1回复 待解决
HarmonyOS开发过程应用内存问题咨询
490浏览 • 1回复 待解决
HarmonyOS taskpool线程并发问题
159浏览 • 1回复 待解决
发问题和内存数据刷盘问题
4398浏览 • 1回复 待解决
HarmonyOS List组件锚点问题咨询
121浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
493浏览 • 1回复 待解决
HarmonyOS web相关设置咨询
199浏览 • 1回复 待解决
HarmonyOS Web cookie设置咨询
544浏览 • 1回复 待解决
HarmonyOS 卡片开发咨询
592浏览 • 1回复 待解决
HarmonyOS Web组件缓存问题
203浏览 • 1回复 待解决
HarmonyOS 关于Web组件适配问题
131浏览 • 1回复 待解决