Chrome标签页每3秒自动按Shift脚本实现及后台运行问题咨询

• 你之前使用的document.getElementsByTagName("body")[0].click()失效的核心原因有两个：
  • 代码逻辑方向错误：这段代码仅对body元素触发了一次点击事件，完全没有构造Shift键对应的键盘事件序列，从根源上就无法触发按键相关的页面逻辑。
  • 浏览器安全与节流机制拦截：Chrome对非激活后台标签页存在三重限制：一是会对页面内的setInterval做降频节流，切后台后定时器间隔可能从3秒拉长到1分钟以上；二是JS通过dispatchEvent派发的合成事件会被标记为isTrusted=false，绝大多数网站的快捷键逻辑会直接过滤这类非可信来源的事件；三是后台标签页的焦点事件分发通道会被临时关闭，泛泛给body派发的事件根本无法到达实际的交互元素。

方案1：DevTools附着注入脚本（零门槛临时使用） #

适合临时手动操作的场景，不需要安装额外插件，操作步骤：

• 打开目标标签页，按F12调出DevTools，进入DevTools的设置面板（右上角三个点 > Settings），在Experiments分类下勾选Disable timer throttling for inspected pages，解决后台标签页的定时器降频问题。
• 切到Console面板，注入以下每3秒触发一次Shift键的脚本，只要DevTools和这个标签页保持附着状态，哪怕把这个标签页切到后台，脚本也会按固定间隔运行：

// 每3秒模拟一次完整的Shift按键序列
setInterval(() => {
  // 获取当前页面的实际焦点元素，替代泛泛的body派发
  const target = document.activeElement || document.body;
  // 构造keydown事件
  const shiftKeyDown = new KeyboardEvent('keydown', {
    key: 'Shift',
    code: 'ShiftLeft',
    keyCode: 16,
    which: 16,
    bubbles: true,
    cancelable: true
  });
  // 构造keyup事件，模拟真实按键的抬起动作
  const shiftKeyUp = new KeyboardEvent('keyup', {
    key: 'Shift',
    code: 'ShiftLeft',
    keyCode: 16,
    which: 16,
    bubbles: true,
    cancelable: true
  });
  target.dispatchEvent(shiftKeyDown);
  setTimeout(() => target.dispatchEvent(shiftKeyUp), 50);
}, 3000);

• 这个方案的局限：合成事件的isTrusted属性始终为false，如果目标网站对按键事件的来源做了严格校验，脚本仍然会失效。

方案2：Chrome扩展实现（长期稳定运行） #

要实现跨后台标签页的真实可信按键触发，完全绕开浏览器的各类限制，必须通过Chrome扩展的权限通道实现：

• 给扩展申请scripting和alarms权限，用扩展自带的chrome.alarms定时器替代页面内的setInterval，这个定时器运行在扩展的独立后台进程里，完全不受页面节流、标签页激活状态的影响，每3秒会触发一次闹钟回调。
• 在回调触发时，通过chrome.scripting接口向指定ID的目标标签页原生注入系统级的可信输入事件，这类事件的isTrusted属性为true，和用户真实按下Shift键的效果完全一致，哪怕目标标签页处于后台非激活状态也能正常生效。

• 定时器是否正常运行：在注入的脚本开头加一句console.log('脚本运行', Date.now())，把目标标签切到其他标签页后面，等待1分钟切回来看log的输出间隔，如果间隔明显大于3秒，说明没有开启DevTools的定时器节流开关。
• 事件是否能被页面接收：在脚本里加全局keydown监听，打印事件的isTrusted属性和触发目标，如果能收到事件但页面无响应，说明目标页面做了合成事件过滤，需要换用扩展方案。
• 事件派发目标是否正确：检查document.activeElement的实际值，如果焦点停在隐藏的元素上，给这个元素派发事件不会触发热键逻辑，需要手动把事件派发到根节点的同时补齐事件冒泡的属性。

内容的提问来源于stack exchange，提问作者Bob Kalobsky