处理 document.location (href) 更改

Question

我正在尝试通过搜索结果自动导航。 例如，亚马逊的搜索结果页面像这样（故意小）。 我找不到很多关于这个话题的帖子，而且大部分像这样的帖子都提到了处理诸如窗口的popstate 、 hashchange之类的事件。 但他们不会开火。

代码片段：

window.addEventListener('popstate', () => console.log('pop state changed'))
window.addEventListener('hashchange', () => console.log('hash changed'))

document.location.assign('/s?k=comic+books&i=digital-text&rh=n%3A156104011%2Cp_n_feature_thirty-three_browse-bin%3A18116648011&dc&page=2&qid=1588508957&rnid=18116644011&swrs=A812F8AB9BA7A775DB9E4C23ADDCD5B3&ref=sr_pg_1') 
//tried ...location = '...' as well

也尝试了document.onload ......无济于事。 似乎window object 在document.location更改时被重置（我附加到 windows document.location更改后的属性丢失）

我想在手动导航到下一个结果页面后自动开始执行一些代码。 我该如何做到这一点？

Answer 1

你不能。 浏览器的控制台在当前页面的上下文中运行代码。

如果您导航到一个新页面，那么代码运行的环境就会消失，您在控制台中运行的所有代码都会留在 memory 中（例如变量和事件处理程序）。

您需要编写一个浏览器扩展来实现这一点。