鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 申请使用webview场景的demo

申请使用webview场景的demo，最好使用axios或者httpclient做统一拦截处理。

HarmonyOS

2024-09-05 12:51:20

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

demo如下，主要为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.huawei.com",  
        controller: this.webController 
      }) 
        .width("100%") 
        .height("100%") 
    } 
    .width('100%') 
    .height("100%") 
    .padding(10) 
  } 
}

回复

2024-09-05 18:04:43

如何写精华回答，获更多曝光？

发布

相关问题

如何申请使用DevEco Studio工具？

9589浏览 • 2回复待解决

HarmonyOS 申请使用受限开放权限

421浏览 • 1回复待解决

HarmonyOS webview里面如果是webRTC访问系统相机，是否可以申请使用camera权限

78浏览 • 1回复待解决

HarmonyOS App对JIT匿名内存有进行申请使用

214浏览 • 1回复待解决

HarmonyOS 用户隐私权限申请使用picker替代具体文档

246浏览 • 1回复待解决

#鸿蒙学习大百科#如何申请使用受控权限？

426浏览 • 1回复待解决

HarmonyOS 上架被拒“请使用发布版本的API开发应用申请上架”

521浏览 • 1回复待解决

HarmonyOS 上架审核提示：请使用发布版本的API开发应用申请上架

279浏览 • 1回复待解决

HarmonyOS 上架包被拒，提示原因 “请使用发布版本的API开发应用申请上架”

658浏览 • 1回复待解决

HarmonyOS 心跳场景demo

198浏览 • 1回复待解决

HarmonyOS 申请NFC读写卡的demo示例

273浏览 • 1回复待解决

HarmonyOS 系统权限申请demo——拍照

203浏览 • 1回复待解决

HarmonyOS 申请推送场景化消息权益

305浏览 • 2回复待解决

HarmonyOS 申请验证码demo实现

274浏览 • 1回复待解决

HarmonyOS 系统权限申请demo——图片选择

231浏览 • 1回复待解决

HarmonyOS NFC读、写卡场景demo？

339浏览 • 1回复待解决

HarmonyOS 申请提供权限启动页，权限使用说明相关demo

334浏览 • 1回复待解决

如何申请场景化消息特殊权益

2371浏览 • 1回复待解决

HarmonyOS 向用户申请授权的具体流程及demo

519浏览 • 1回复待解决

提供Webview demo有哪些？

357浏览 • 1回复待解决

HarmonyOS 广播通知场景，有没有相关的实现demo可以参考？

584浏览 • 1回复待解决

HarmonyOS Navigator的使用场景

556浏览 • 1回复待解决

HarmonyOS AbilityStage的使用场景

289浏览 • 1回复待解决

webview组件demo ,有人知道吗？

1162浏览 • 1回复待解决

在离线场景NodeController中创建webview组件

2036浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

鸿蒙HarmonyOS使用JS开发一个简单的股票DEMO 4回复

harmonyos webview范例 0回复

鸿蒙-webview的使用和JS交互（附源码） 6回复

HarmonyOS线性容器特性及使用场景 0回复

HarmonyOs webview 加载本地html 6回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载