作为客户端开发，经常需要验证服务端数据改变后本地app的行为，就拿最近遇到的一个问题：webview打开的网页页面，后台更新图片后，webview打开后还是之前的页面，图片没有更新，纳尼！我得自己验证下，说干就干，但是怎么替换图片然后验证呢，总不能每次都找后台同学去换图片，还是得自己想办法，二话不说就搞起：

1.搭建本地服务器：

Mac默认安装了Apache的，因此只需要打开Terminal，启动服务：

//开启apache:         sudo apachectl start

//重启apache:         sudo apachectl restart

//关闭apache:          sudo apachectl stop

然后在浏览器里输入localhost或者localhost:80（注意：不要输入localhost：8080），如果出现如下提示，则证明启动成功。(注意：如果没有用命令启动，直接键入localhost:80也会出现it works！，但是服务其实是没有启动，这点需要注意下)

2.部署本地网页资源：

Apache存放资源的路径是：/Library/WebServer/Documents，把自己的网页和资源放进去就可以打开了。本地apache服务器上的资源目录如下：

3.创建工程项目进行测试：

为了简单起见，我只写一个简单的first.html文件，该文件中有个image标签；iOS工程直接xcode创建即可，需要查看工程的我在后面打包上传了工程，该工程有两个页面：

页面一：只有一个button

页面二：一个webview控件，一个wkwebview控件

4.开始测试：

关于解决网页缓存问题，具体操作方式参见www.zhihu.com/question/27040218，通过meta标签修改html文件的方式不能保证所有的浏览器都没问题，不是全面的解决方案；通过对图片文件做版本控制的方法也能解决问题，但是需要后台实时变更图片文件名称，也不太完美，秉承能自己搞定的问题就不麻烦别人的原则，这里从ios端入手解决。

1）尝试1：代码如下

修改apache中的图片资源，发现确实是图片还是之前的图片。

2）尝试2：代码如下

修改apache中的图片资源，发现图片可以实时更新。问题解决！！！好开心是不是~

总结：通过设置webview不读缓存可以解决缓存不能及时更新的问题，对于简单页面来说可以这样使用；但是对于复杂的页面，每次进入页面都要重新加载数据，用户体验可能不好。最彻底的解决办法还是需要在h5页面对资源做版本控制，这样在每次更新资源的时候，都能第一时间来加载最新资源。

最后上传下xcode工程。