WebView组件加载本地Html的方法

WebView 属性
已知属性 Url :指定一个 URL 地址,这个地址以 http 或者 https 开头
所以需要启动一个 http 服务来访问你的 html 文件。预览时,启动一个服务来看看效果很简单;但是打包部署时,还要在服务器多开一个服务实在不舒服。
经过本人实践,其实在构建发布 Web Mobile 平台后,此时的属性Url可以指向本地路径,无需 http 服务且有效。可以把html所在文件夹,放在构建发布后的文件夹根目录下。所以在构建发布前代码这么写:

if (CC_BUILD) // 构建状态
    this.webView.url = 'fileName/index.html'; // 构建发布后的文件夹作为根目录,html的本地路径
else
    this.webView.url = 'http://***'; // http或https的url

只在Web Mobile平台实践成功,其它平台还需验证。
—————————————————————————————————————————————
后来发现如果属性 Url 不指向任何东西,它会依然会加载一个空白的h5页面。可以通过 html/js 注入等方法,直接操作 this.webView._impl._iframe.contentWindow.document (h5页面上下文),生成自己需要的页面内容。这样就不用考虑开启http服务或者打包后的本地html文件,从而实现一个更加优雅的整合方式。

5赞

大佬NB :+1: