鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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工具？

9503浏览 • 2回复待解决

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

235浏览 • 1回复待解决

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

87浏览 • 1回复待解决

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

175浏览 • 1回复待解决

HarmonyOS 申请验证码demo实现

23浏览 • 1回复待解决

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

281浏览 • 1回复待解决

HarmonyOS NFC读、写卡场景demo？

37浏览 • 1回复待解决

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

2096浏览 • 1回复待解决

提供Webview demo有哪些？

211浏览 • 1回复待解决

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

232浏览 • 1回复待解决

webview组件demo ,有人知道吗？

806浏览 • 1回复待解决

HarmonyOS Navigator的使用场景

67浏览 • 1回复待解决

HarmonyOS web组件离线加载，以及缓存资源等场景Demo

486浏览 • 1回复待解决

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

1783浏览 • 1回复待解决

HarmonyOS 密钥库RSA算法的使用demo

20浏览 • 1回复待解决

requestPermissionsFromUser使用Demo

1612浏览 • 1回复待解决

HarmonyOS Navigation和router的使用场景

403浏览 • 2回复待解决

AppGallery Connect使用的问题场景

1707浏览 • 1回复待解决

webview_flutter demo 中顶部导航按钮无法响应事件

927浏览 • 1回复待解决

HarmonyOS 消息通知使用示例demo

323浏览 • 1回复待解决

关于HarmonyOS webview中iFrame的使用问题

309浏览 • 1回复待解决

关于emitter、eventHub的使用场景

2643浏览 • 1回复待解决

HarmonyOS使用select选择相册是否需要申请权限

374浏览 • 1回复待解决

在哪些场景使用MongoDB?

3487浏览 • 1回复待解决

创建的JS项目如何使用webview？

4703浏览 • 1回复待解决

提问

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

相关讨论帖

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

harmonyos webview范例 0回复

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

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

HarmonyOs webview 加载本地html 6回复

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