一、加载一个url
myWebController: WebviewController = new webview.WebviewControllerbuild() {Column() {Web({src: 'https://www.baidu.com',controller: this.myWebController})}.width('100%').height('100%')}
二、注意点
2.1 不能用Previewer预览
Web这个组件不能使用预览,只能使用模拟器或者真机查看。
2.2 需要网络权限
需要在module.json5配置网络权限
"requestPermissions": [{"name" : "ohos.permission.INTERNET",
//注意这里有个系统bug,不能写reason
// 'reason': 'abc',"usedScene" : {"when" : "inuse"},}],
2.3 加载的不是当前页面
默认加载的是Index页面,我们需要在EntryAbility.ts的onWindowStageCreate方法中,设置加载咱们的Web的page。
onWindowStageCreate(windowStage: window.WindowStage) {// Main window is created, set main page for this abilityhilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');//加载咱们的WebPage页面windowStage.loadContent('pages/WebPage', (err, data) => {if (err.code) {hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');return;}hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');});}