iOS web加载本地html文件图片不显示问题

html-css014

iOS web加载本地html文件图片不显示问题,第1张

首先将html文件拉到项目中,会出现下图:

默认情况下added folders 是选择creats groups 此时img标签的src="jt.png"直接等图片名字即可。例如:

将css,html,js 所在的文件夹拖入项目的时候会有两种情况

一个是 Create groups for any added folders (创建虚拟结构-包结构)

一个是 Create folder references for any added folders (创建实体结构)

第一种是绝对路径 文件夹拖入为黄色

NSURL*fileURL = [[NSBundle mainBundle] URLForResource:@"index.html"withExtension:nil]

本地html中加载图片,js,css资源也应该使用绝对路径就行了

如 <script type="text/javascript" src="index.js"></script>

第二种是相对路径 文件夹拖入为蓝色

NSURL*fileURL = [[NSBundle mainBundle] URLForResource:@"file/index.html"withExtension:nil]

file为本地html所在文件夹

本地html中加载图片,js,css资源也应该使用相对路径

如 <script type="text/javascript" src="js/index.js"></script>

最近做资讯详情页面的优化,由于资讯详情页面正文内容是后端返回的 html ,如果图片特别多,尤其是有很多 gif 图片,那加载的速度非常慢,因此进行优化。

思路看起来很简单,但这里遇到了访问权限问题,因为 webkit 是单独的进程,访问当前 app 的沙盒路径,是需要权限的,这里有三种解决方法。

方法一:

方法二:

方法三:

这里采用的是方法二来处理,因为现在最低支持的系统版本是 iOS9 。