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

html-css08

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

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

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

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

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

方法一:

方法二:

方法三:

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

webView显示不了图片,那肯定是html中的图片引入写错了,WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。如果显示有问题,建议按以下方式去实现:第一种方法的步骤:1.在要Activity中实例化WebView组件:WebView webView = new WebView(this)2.调用WebView的loadUrl()方法,设置WevView要显示的网页: 互联网用:webView.loadUrl("") 本地文件用:webView.loadUrl("file:///android_asset/XX.html")本地文件存放在:assets 文件中3.调用Activity的setContentView( )方法来显示网页视图4.用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面5.需要在AndroidManifest.xml文件中添加权限,否则会出现Web page not available错误。 <uses-permission android:name="android.permission.INTERNET" />第二种方法的步骤:1、在布局文件中声明WebView2、在Activity中实例化WebView3、调用WebView的loadUrl( )方法,设置WevView要显示的网页4、为了让WebView能够响应超链接功能,调用setWebViewClient( )方法,设置 WebView视图5、用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退剪键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面6、需要在AndroidManifest.xml文件中添加权限,否则出现Web page not available错误。<uses-permission android:name="android.permission.INTERNET"/>