会触发popstate事件的场景
用户点击浏览器的前进、后退按钮
代码中调用history.back() 、history.forward()、history.go()

不会触发popstate事件的场景
代码中调用pushState()、replaceState()

划重点 

 只有在同一文档的两个历史记录条目之间导航会触发该事件，

也就是说，pushState和replaceState都是单一维度操作历史记录条目，只涉及一条历史记录条目，所以不会触发popstate

而history.back() 、history.forward()、history.go()就是两条历史记录条目直接的跳转，所以会触发popstate