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
相关问题
List组件性能问题,有人知道吗
1901浏览 • 1回复 待解决
如何获取组件高度,有人知道吗
1972浏览 • 1回复 待解决
如何发送短信,有人知道吗?
1785浏览 • 1回复 待解决
taskpool 使用问题,有人知道吗
765浏览 • 1回复 待解决
有人知道吗
430浏览 • 1回复 待解决
如何跳出ForEach,有人知道吗
1893浏览 • 1回复 待解决
如何保存faultLogger ,有人知道吗
488浏览 • 1回复 待解决
有人知道关于页demo
662浏览 • 1回复 待解决
如何获取windowStage,有人知道吗
302浏览 • 1回复 待解决
如何实现振动,有人知道吗
1037浏览 • 2回复 待解决
clientid相关问题,有人知道吗
1625浏览 • 1回复 待解决
有人知道吗
184浏览 • 0回复 待解决
如何获取wifi列表,有人知道吗
385浏览 • 1回复 待解决
如何定义dialog动画,有人知道吗?
1784浏览 • 1回复 待解决
如何引用HSP库,有人知道吗?
1551浏览 • 1回复 待解决
IDE如何开启ASAN,有人知道吗
197浏览 • 1回复 待解决
如何实现翻页功能,有人知道吗
1814浏览 • 1回复 待解决
如何使用快速修复,有人知道吗
547浏览 • 1回复 待解决
如何实现图片预览,有人知道吗
391浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
1708浏览 • 0回复 待解决
有人知道发布页demo
719浏览 • 1回复 待解决
$r是否支持嵌套,有人知道吗
232浏览 • 1回复 待解决
怎么主动关闭键盘,有人知道吗
287浏览 • 1回复 待解决
IP地址如何转化,有人知道吗
502浏览 • 1回复 待解决
charles抓包流程,有人知道吗
507浏览 • 1回复 待解决