代码之家 › 专栏 › 技术社区 › jsejcksn

在选项卡中执行Javascript,在页面导航中保持

persistence scope javascript

0

jsejcksn · 技术社区 · 7 年前

我正试图找出如何自动执行点击事件,以便自动执行一系列项目队列。具体如下:

有1个或多个项目队列(此脚本中由用户确定)
每个队列都有可变数量的项目
队列页面的URL是静态的
通过单击队列页面上的按钮启动每个队列。
队列页面上按钮的 queryselector is static and known


    
     
      单击队列页面上的按钮将加载队列中第一个项目的页面
     
     
      每个项目页面位于不同的URL(与队列开始URL的来源相同)
     
     
      单击项目页面上的按钮将加载下一个项目的页面
     
     
      项目页面上按钮的
      
       queryselector
       
        is static and known
       
      
     
     
      
       
        在队列中最后一个项目的页面上,单击按钮加载队列页面
       
       
        
         以下是流程的可视图:
         
          
         
        
        
         在编写完成这个任务的脚本之后,我意识到我不能在页面导航中持久地运行脚本(至少我不这么认为)。我甚至看了制作chrome扩展,并使用了
         
          content scripts
         
         
          ,但我不认为这会使JS保持跨页导航。
         
        
        
         
         
        
        
         
          我怎样才能实现我的目标?
         
        
        
         
          有1个或多个项目队列(用户在此脚本中确定)
         
        
        
         
          每个队列都有可变数量的项目
         
        
        
         
          队列页面的URL是静态的
         
         
          通过单击队列页面上的按钮启动每个队列。
         
         
          这个
          
           querySelector
          
          队列页面上的按钮是静态的,并且已知
         
         
          单击队列页面上的按钮将加载队列中第一个项目的页面
         
         
          每个项目页面位于不同的URL(与队列开始URL的来源相同)
         
         
          单击项目页面上的按钮将加载下一个项目的页面
         
         
          这个
          
           查询选择器
          
          项目页上的按钮是静态的,并且已知
         
         
          在队列中最后一个项目的页面上,单击按钮加载队列页面
         
        
       
       
       
       
        
         以下是流程的可视图:
        
        
         
        
       
       
       
       
        在编写完成这个任务的脚本之后,我意识到我不能在页面导航中持久地运行脚本(至少我不这么认为)。我甚至看了做一个铬扩展和使用
        
         content scripts
        
        但我不认为这会使JS跨页面导航持久化。
       
       
        我怎样才能实现我的目标?

1 回复 | 直到 7 年前

1

0

EmandM 7 年前

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

另一种选择是查看一个框架或库,它可以为您提供JavaScript路由。路由将允许您的javascript在页面加载期间保持不变,并允许您在应用程序周围传递更复杂的数据,而不会丢失状态。