鸿蒙开发者社区

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工具？

9396浏览 • 2回复待解决

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

146浏览 • 1回复待解决

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

130浏览 • 1回复待解决

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

1927浏览 • 1回复待解决

提供Webview demo有哪些？

110浏览 • 1回复待解决

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

80浏览 • 1回复待解决

webview组件demo ,有人知道吗？

747浏览 • 1回复待解决

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

358浏览 • 1回复待解决

HarmonyOS Navigation和router的使用场景

274浏览 • 2回复待解决

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

1682浏览 • 1回复待解决

HarmonyOS 消息通知使用示例demo

217浏览 • 1回复待解决

requestPermissionsFromUser使用Demo

1530浏览 • 1回复待解决

AppGallery Connect使用的问题场景

1639浏览 • 1回复待解决

关于HarmonyOS webview中iFrame的使用问题

123浏览 • 1回复待解决

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

248浏览 • 1回复待解决

关于emitter、eventHub的使用场景

2476浏览 • 1回复待解决

HarmonyOS 需要一个Tabs使用SubTabBarStyle时的demo

338浏览 • 2回复待解决

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

840浏览 • 1回复待解决

在哪些场景使用MongoDB?

3401浏览 • 1回复待解决

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

4606浏览 • 1回复待解决

使用Web组件下载能力Demo

326浏览 • 1回复待解决

HarmonyOS 图像裁剪的demo

220浏览 • 1回复待解决

HarmonyOS获取deviceid的demo

313浏览 • 1回复待解决

使用Devtools调试webview

117浏览 • 1回复待解决

使用HarmonyOS组件webview加载网页的时候，js使用的select标签，webview容器支持修改样式以及选中状态吗？

123浏览 • 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版权所有未经许可请勿转载