问题描述
ios内嵌h5页面，从a页面跳转到b页面，b页面设置了缓存，然后走h5的返回，到a页面时，a页面无法获取到缓存
问题原理
其实并不是a页面拿不到缓存，而是因为ios的缓存机制造成。返回本页面时，页面没有重新请求，所以你拿到的缓存实际是你第一次进入本页面时拿到的缓存值，所以自然无法走得通。
解决办法
通过windows页面监听，监听页面隐藏显示，当从另一个页面返回时，刷新当前页面即可。
var isPageHide;
if (checkDevice() == "iOS") { //checkDevice()是一个判断设备类型的方法
isPageHide = false;
window.addEventListener('pageshow', function () {
if (isPageHide) {
window.location.reload();
}
});
window.addEventListener('pagehide', function () {
isPageHide = true;
});
}
附带一个我用的获取设备类型的方法：checkDevice()吧，有需要自取。
function checkDevice() {
var ua = window.navigator.userAgent.toLowerCase();
var u = navigator.userAgent;
u = u.toLowerCase();
if (u.indexOf('android') != -1) {
// 安卓端
return 'android';
} else if (ua.match(/mingtang_ios/) == "mingtang_ios") {
return 'iOS';
}
return 'other';
}
