项目中遇到一个问题,做个笔记。就是在微信网页上面本来是有返回按钮的,但是大多数人都为了方便,会使用安卓手机自带的物理返回键,这个返回键按下后,上一页内容获取最新数据。如图:
需求:常见问题,点击一个问题后进入,使用手机物理键返回时,页面刷新,阅读次数没有更新到最新的数据。
实现方式:js加入如下代码,如果你手机试了有问题,不妨给链接给别人用别人手机试试,我用的OPPO结果自带浏览器试的没反应,结果发给好几个朋友试都是OK,测试那边也OK。
/**物理键(手机返回键)事件监听监听*/ $(document).ready(function() {window.history.pushState("","","#");});window.addEventListener("popstate",function(e){location.href = "${path}/commonProblem/wap/list.action";//跳转到你上页路径(根据自己的需求实现自己的功能 )})效果图: