关于popstate、pushState参考：HTML5的popstate、pushState、replaceState如何玩转浏览器历史记录-CSDN博客文章浏览阅读1.3w次，点赞8次，收藏30次。一、popstate用来做什么的？简而言之就是HTML5新增的用来控制浏览器历史记录的api。二、过去如何操纵浏览器历史记录？window.history对象，该对象上包含有length和state的两个值，在它的__proto__上继承有back、forward、go等几个功能函数在popstate之前，我们可以利用back、forward、go对history进行后退和前进操作。例..._popstatehttps://blog.csdn.net/qq_40028324/article/details/83268502

上述大神分享的例子也是常见的一种业务场景，值得参考学习。

言归正传，分享如题场景的实现方案：

前提：由于点击页面按钮打开弹窗后，可以通过点击关闭按钮来关闭弹窗、也可以通过操作手机或者浏览器返回上一步按钮关闭弹窗。所以打开弹窗后一定要先pu