webview组件demo ,有人知道吗?

​webview组件demo

HarmonyOS
2024-05-20 20:10:03
浏览
已于2024-5-21 15:41:12修改
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
sunshine_2000

核心代码解释

主要为web组件的页面刷新,页面跳转,加载url,加载字符串等等。

import web_webview from '@ohos.web.webview'; 
import router from '@ohos.router'; 
 
let url_data = ` 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf-8'> 
</head> 
<body> 
<input type="text" placeholder="请输入内容"> 
<input type="text" placeholder="请输入内容"> 
</body> 
</html> 
` 
 
@Entry 
@Component 
struct WebTest { 
  private webController: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  build() { 
    Column({ space: 10 }) { 
      Row({ space: 10 }) { 
        Button("刷新") 
          .onClick(() => { 
            this.webController.refresh(); 
          }) 
        Button("跳回去") 
          .onClick(() => { 
            router.back({ url: "pages/index2" }); 
          }) 
        Button("加载本地资源loadData") 
          .onClick(() => { 
            this.webController.loadData( 
              url_data, 
              "text/html", 
              "utf-8" 
            ) 
          }) 
 
      } 
 
      Row({ space: 10 }) { 
        Button("加载本地资源loadUrl") 
          .onClick(() => { 
            this.webController.loadUrl( 
              $rawfile("index.html") 
            ) 
          }) 
      } 
 
      Row({ space: 10 }) { 
        Button("前进") 
          .onClick(() => { 
            this.webController.forward(); 
          }) 
        Button("后退") 
          .onClick(() => { 
            this.webController.backward(); 
          }) 
        Button("清除记录") 
          .onClick(() => { 
            this.webController.clearHistory(); 
          }) 
      } 
 
      Web({ 
        src: "https://www.baidu.com", // 默认加载 www.arkui.club 网址 
        controller: this.webController 
      }) 
        .width("100%") 
        .height("100%") 
    } 
    .width('100%') 
    .height("100%") 
    .padding(10) 
  } 
}

实现效果

进行加载在线或者离线网页,进行页面历史路径的刷新,前进,后退等等操作。

分享
微博
QQ
微信
回复
2024-05-21 15:34:26
相关问题
如何获取组件高度,有人知道吗
725浏览 • 1回复 待解决
List组件性能问题,有人知道吗
786浏览 • 1回复 待解决
有人知道关于页demo
438浏览 • 1回复 待解决
taskpool 使用问题,有人知道吗
456浏览 • 1回复 待解决
如何保存faultLogger ,有人知道吗
187浏览 • 1回复 待解决
如何跳出ForEach,有人知道吗
771浏览 • 1回复 待解决
如何发送短信,有人知道吗?
756浏览 • 1回复 待解决
有人知道吗
87浏览 • 1回复 待解决
clientid相关问题,有人知道吗
665浏览 • 1回复 待解决
如何实现振动,有人知道吗
755浏览 • 2回复 待解决
有人知道发布页demo
472浏览 • 1回复 待解决
如何使用快速修复,有人知道吗
270浏览 • 1回复 待解决
如何定义dialog动画,有人知道吗?
857浏览 • 1回复 待解决
如何引用HSP库,有人知道吗?
738浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
746浏览 • 0回复 待解决
如何实现翻页功能,有人知道吗
724浏览 • 1回复 待解决
charles抓包流程,有人知道吗
305浏览 • 1回复 待解决
怎么主动关闭键盘,有人知道吗
33浏览 • 1回复 待解决
如何获取系统电量,有人知道吗
800浏览 • 1回复 待解决
IP地址如何转化,有人知道吗
260浏览 • 1回复 待解决
状态管理相关问题,有人知道吗?
393浏览 • 1回复 待解决
ArkTS要如何使用this,有人知道吗
47浏览 • 1回复 待解决
如何开启AOT编译模式,有人知道吗
867浏览 • 1回复 待解决
是否有无网判断接口,有人知道吗
659浏览 • 1回复 待解决
如何实现http长连接,有人知道吗
714浏览 • 1回复 待解决