javascript - 基于浏览器的 session 计时器

Question

我使用由我公司运营的具有 session 计时器的网站。与服务器的任何交互都会重置它，或者可以手动触发它。我经常同时处理多项任务，但总是被注销，失去了进度，所以我需要一个解决方案。

最初，我尝试通过 Chrome 扩展程序(例如 Injector)插入 JavaScript 函数来自动重置计时器。这很有效，但显然自动执行会存在安全问题。

我想要的是，在一段时间没有与网站交互后，会通过声音或视觉提醒我(一些吸引焦点的东西，而不仅仅是在那个选项卡上)。我尝试过使用每 n 分钟发出一次警报的扩展程序，但只有当我记得在该页面上的最后一次交互后重置它时，这才有效。所以我想知道，是否有一些 JavaScript 可以放入代码注入(inject)器扩展中，这些 JavaScript 会在几分钟不交互后闪烁我的屏幕或发出噪音？是否已经存在一个扩展可以处理我找不到的此类事情？

Answer 1

Injector 插件的工作时间很长，您无需访问任何特定的 chrome API，因为注入(inject)的脚本只能访问 subset chrome API 的。

我没有完整的解决方案，但希望以下内容能对您有所帮助，这是我将如何解决这个问题:

创建 browserAction 扩展。

在Manifest.json中设置权限
“*://*/*”将允许将javascript注入(inject)到任何页面

  "permissions": [
     "tabs",
     "*://*/*" 
   ],

在popup.js中

• 有一个注入(inject)器按钮，可以调用后台来启动当前选项卡的计时器
• onClick -> 向后台发送消息 - 'StartTimer' 和当前 tabId

在background.js中

• 监听弹出窗口中的“StartTimer”消息
• 启动递归计时器(setTimeout)
• 每 X 分钟:
  • 通过tabId查询tab实例
  • 检查网址是否符合您的预期。
    • 突出显示该选项卡
    • 将窗口向前推进
    • 向正文注入(inject)一些 css 不透明效果
    • play a sound()

我希望这有帮助:)a