51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS 申请使用webview场景的demo

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

HarmonyOS
zxjiu
2024-09-05 12:51:20
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple
zbw_apple

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) 
  } 
}
分享
微博
QQ
微信
回复
2024-09-05 18:04:43
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 申请使用受限开放权限
1682浏览 • 1回复 待解决
如何申请使用DevEco Studio工具？
10794浏览 • 2回复 待解决
HarmonyOS webview里面如果是webRTC访问系统相机，是否可以申请使用camera权限
873浏览 • 1回复 待解决
HarmonyOS App对JIT匿名内存有进行申请使用
1059浏览 • 1回复 待解决
HarmonyOS 用户隐私权限申请使用picker替代具体文档
1177浏览 • 1回复 待解决
#鸿蒙学习大百科#如何申请使用受控权限？
1138浏览 • 1回复 待解决
HarmonyOS 上架被拒“请使用发布版本的API开发应用申请上架”
2215浏览 • 1回复 待解决
HarmonyOS 上架审核提示：请使用发布版本的API开发应用申请上架
1633浏览 • 1回复 待解决
HarmonyOS 上架包被拒，提示原因 “请使用发布版本的API开发应用申请上架”
2468浏览 • 1回复 待解决
HarmonyOS 心跳场景demo
956浏览 • 1回复 待解决
HarmonyOS 申请NFC读写卡的demo示例
1197浏览 • 1回复 待解决
HarmonyOS 系统权限申请demo——拍照
1052浏览 • 1回复 待解决
HarmonyOS 申请验证码demo实现
1105浏览 • 1回复 待解决
HarmonyOS 申请推送场景化消息权益
1641浏览 • 1回复 待解决
HarmonyOS 系统权限申请demo——图片选择
977浏览 • 1回复 待解决
HarmonyOS NFC读、写卡场景demo？
1144浏览 • 1回复 待解决
HarmonyOS 申请提供权限启动页，权限使用说明相关demo
1415浏览 • 1回复 待解决
HarmonyOS 向用户申请授权的具体流程及demo
1733浏览 • 1回复 待解决
如何申请场景化消息特殊权益
3667浏览 • 1回复 待解决
提供Webview demo有哪些？
1078浏览 • 1回复 待解决
HarmonyOS 广播通知场景，有没有相关的实现demo可以参考？
1329浏览 • 1回复 待解决
webview组件demo ,有人知道吗？
1986浏览 • 1回复 待解决
HarmonyOS Navigator的使用场景
1461浏览 • 1回复 待解决
HarmonyOS AbilityStage的使用场景
1184浏览 • 1回复 待解决
如何申请用户存储权限并处理拒绝场景？
577浏览 • 0回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙HarmonyOS使用JS开发一个简单的股票DEMO 4回复
鸿蒙-webview的使用和JS交互（附源码） 6回复
harmonyos webview范例 0回复
HarmonyOs webview 加载本地html 6回复
HarmonyOS线性容器特性及使用场景 0回复