在跨页面导航的标签持久化中执行JavaScript

我正试图找出如何自动化单击事件，以便通过一系列项目队列自动推进。具体情况如下：

• 有1个或多个项目队列（在此脚本中由用户确定）
• 每个队列的项目数可变
• 队列页面的URL是静态的
• 通过单击队列页面上的按钮启动每个队列
• 队列页面上按钮的

  querySelector

  是静态且已知的
• 单击队列页面上的按钮将加载队列中第一个项目的页面
• 每个项目页面位于不同的URL（与队列开始URL的来源相同）
• 单击项目页面上的按钮可加载下一个项目的页面
• 项目页面上按钮的

  querySelector

  是静态且已知的
• 在队列中最后一项的页面上，单击按钮加载队列页面

以下是流程的直观示意图：

在编写了执行此任务的脚本之后，我意识到我无法跨页面导航持久化正在运行的脚本（至少我不这么认为）。我甚至考虑过制作一个Chrome扩展并使用它，但我认为这不会在页面导航中保持js

如何实现我的目标？

或者可以帮助您跨页面转换存储简单数据

---

另一个选择是研究可以为您提供javascript路由的框架或库。路由将允许javascript跨页面加载持久化，并允许您在不丢失状态的情况下在应用程序周围传递更复杂的数据。

将信息保存在

会话存储中（或者
本地存储
，如果它需要跨窗口持久化关闭/打开），如果它是跨源的呢@一定的表现