loaddata api注意事项

loaddata api注意事项

HarmonyOS
2024-05-26 17:40:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hflame
// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData( 
              "<html><body bgcolor=\"white\">Source:<pre>source</pre></body></html>", 
              "text/html", 
              "UTF-8" 
            ); 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`); 
          } 
        }) 
      Web({ src: 'www.example.com', controller: this.controller }) 
    } 
  } 
}

上述代码如果html中存在非法字符  例如css中的color:#333  有“#”的时候会加载不了,需要使用文档中提供的加载本地资源的方法,后面两个参数要复制空格。

// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  updataContent: string = '<body><div><image src=resource://rawfile/xxx.png alt="image -- end" width="500" height="250"></image></div></body>' 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData(this.updataContent, "text/html", "UTF-8", " ", " "); 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
          } 
        }) 
      Web({ src: 'www.example.com', controller: this.controller }) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-05-27 22:23:58
相关问题
ArkTS静态类型开发时的注意事项
1003浏览 • 1回复 待解决
学习鸿蒙我们应该注意什么
3972浏览 • 1回复 待解决
Redis Key的注意点是什么?
1905浏览 • 1回复 待解决
如何解决webview loaddata白屏问题
432浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
800浏览 • 1回复 待解决
期望系统api提供深色模式控制api
586浏览 • 1回复 待解决
元服务的api集和应用api集 如何区分
556浏览 • 1回复 待解决
targetsdkversion如何通过api获取
600浏览 • 1回复 待解决
如何查看HarmonyOS的API文档
9517浏览 • 1回复 待解决
API 版本适配config.json
5651浏览 • 1回复 待解决
华为JS API如何唤起分享?
3396浏览 • 1回复 待解决
api 9 申请网络权限报错
2306浏览 • 1回复 待解决
是否有衡量页面性能的 API
260浏览 • 1回复 待解决
js api 中select组件如何使用
5740浏览 • 2回复 已解决
ETS API求助 Navigator如何传递参数
5975浏览 • 1回复 待解决
JS API 中 web组件 怎么使用
3975浏览 • 1回复 待解决
api网关推荐有知道的吗?
1144浏览 • 1回复 待解决
对于获取权限的api的问题
634浏览 • 1回复 待解决