> 文档中心 > 【HarmonyOS】【ARK UI】鸿蒙JS怎么使用Web组件展示网页内容

【HarmonyOS】【ARK UI】鸿蒙JS怎么使用Web组件展示网页内容

 在我们的日常开发中,经常会遇到加载网页的场景,今天我们来介绍一下如何用web组件展示网页内容。
参考网址:
文档中心
代码实现:
config.json

  "deviceConfig": {    "default": {      "network": { "cleartextTraffic": true      }    }  },    "reqPermissions": [      { "name": "ohos.permission.INTERNET"      },    ],

html

css

.container {    display: flex;    justify-content: center;    align-items: center;    left: 0px;    top: 0px;    width: 454px;    height: 454px;}.title {    font-size: 30px;    text-align: center;    width: 200px;    height: 100px;}

js

export default {    data: { title: 'World'    },    pagestart(msg){ console.log("pagestart===>>"+msg.url)    },    pagefinish(msg){ console.log("pagefinish===>>"+msg.url)    },    error(msg){ console.log("error=url==>>"+msg.url+"==errorCode==>"+msg.errorCode+"==description==>"+msg.description)    }}

运行效果:

cke_1579.png

 

欲了解更多更全技术文章欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh