最近在做鸿蒙项目（开发工具版本：DevEco Studio NEXT Beta1，SDK：Api11），在使用Web组件加载本地html 文件时出现白屏问题，加载其他网络地址和自己新建的本地HTML文件都没问题；出现白屏问题的这个本地的HTML文件是我们的Flutter项目中正在使用的，线上App的包也是用的这个HTML文件，但是复制到鸿蒙项目中就是白屏。我把原来的Web项目运行起来，让鸿蒙Web加载本地192的地址也可以正常加载，最后我仔细对比发现，Flutter项目中正在使用的HTML少了一个favicon.ico文件，但是不影响正常网页加载，我把favicon.ico 放到了HTML根目录下，鸿蒙项目就可以正常加载了，看来鸿蒙Web组件在处理文件404的时候还需要进一步优化，可能一个文件没有找到就导致整个页面不能正常加载了。
补充：favicon.ico 是我们打开网站后，浏览器页签的一个图标，比方说百度就是下面这样的一个小图片，只不过格式是.icon格式，如果没有的话就是灰色的，因为我们的项目是内嵌在App中，也不需要显示，就没有添加。
image.png
iOS读取本地html文件首先创建一个web然后将html文件加载到创建的web中，代码如下：
UIWebView加载本地HTML5文件一.准备HTML文件及其资源文件使用UIWebView加载本地的HTML文...
本地html文件放置位置，android中加载本地Html文件 存放本地html文件：放在app/src/main...
加载本地的HTML文件 带参数 说明：1.WKWebview加载本地的HTML文件，必须使用loadFileURL...
文件层级关系： 1、从文件中读取HTML内容 2、加载本地HTML文件 3、直接加载html内容
页面白屏来源： 解析html。 客户端js渲染。 加载异步组件渲染。 ajax获取数据渲染。 解析html 减小h...
通过url加载（代理方式） 通过本地路径加载 通过HTML字符串加载 通过html文件加载
Webview (1)加载URL(网络或者本地assets文件夹下的html文件)(2)加载html代码(3) ...
第一种：以文件的形式加载HTML资源 第二种：搭建本地服务器，通过本地服务器加载本地HTML文件
WebView 加载网页1.加载URL(网络或者本地assets文件下的html文件)2.加载htmL代码3.Na...
本文标题：鸿蒙Web组件加载本地html文件白屏
本文链接：https://www.haomeiwen.com/subject/wblacjtx.html
网友评论