如何让微信浏览器返回上一页时强制刷新

如何让微信浏览器返回上一页时强制刷新

标签（空格分隔）： 前端

---

问题描述：

由 首页 跳转到 详情页， 在 详情页 点击 返回 按钮返回到 首页 后， 首页 刷新后再展示。

思路：

在进入 详情页 后，在浏览器中保存一个键值对，如 need-refresh : true。

返回 首页后， 加载页面前从浏览器中取出这个数据，如果 need-refresh 为 true, 那么刷新。

这种方法避开了对微信浏览器 返回 时间的监听，算是一种 hack 方法。

注意： 这种方法需要用到 HTML5 的 本地存储 技术 sessionStorage，相关知识请自行百谷。

代码

详情页

sessionStorage.setItem("need-refresh", true);

首页

$(function () {
    var needRefresh = sessionStorage.getItem("need-refresh");
    if(needRefresh){
        sessionStorage.removeItem("need-refresh");
        location.reload();
    }
});