本文介绍如何通过时间戳校验、dom 元素存在性检测等策略，精准控制 tampermonkey 脚本仅在必要时执行一次操作，彻底解决因页面复用导致的循环刷新问题。
本文介绍如何通过时间戳校验、dom 元素存在性检测等策略，精准控制 tampermonkey 脚本仅在必要时执行一次操作，彻底解决因页面复用导致的循环刷新问题。
在工厂级 PLEX 状态看板自动化场景中，Tampermonkey 脚本常需模拟用户点击（如展开菜单 → 选择“Status Screen”），但因目标页面（PlantFloorVisual.aspx）采用单页内动态加载机制——即所有操作均发生在同一 URL 下，脚本每次页面 DOM 重建后会自动重复执行，从而触发无限刷新循环。
根本原因并非脚本逻辑错误，而是 Tampermonkey 默认行为：只要匹配 URL 的页面被重新渲染（哪怕只是局部 AJAX 更新或 iframe 切换），脚本就会再次注入并运行。因此，必须引入执行守卫机制，确保关键操作仅触发一次。
✅ 推荐方案：双重防护策略（推荐组合使用）
1. 基于 localStorage 的时间戳防重入（强推荐）
通过记录上次执行时间，设定最小间隔（如 8 小时），避免脚本在短时间内重复触发：
// ==UserScript==
// @name Status Screen Auto-Loader (Safe)
// @namespace http://tampermonkey.net/
// @version 2024-06-15
// @description Safely load status screen without infinite reload
// @author Factory Automation Team
// @match */PlantFloorVisual.aspx
// @grant none
// ==/UserScript==
(function () {
'use strict';
const LAST_RUN_KEY = 'statusScreenAutoLoadLastRun';
const MIN_INTERVAL_MS = 8 * 60 * 60 * 1000; // 8 hours
const now = Date.now();
const lastRun = parseInt(localStorage.getItem(LAST_RUN_KEY) || '0', 10);
// ✅ 守卫：仅当距上次执行超时才运行
if (now - lastRun < MIN_INTERVAL_MS) {
console.log('[Status Loader] Skipped: within cooldown period.');
return;
}
// ✅ 执行核心操作
const menuBtn = document.getElementById('fltShop_Screen_Key_Link');
const screenRow = document.getElementById('tr_3');
if (menuBtn && !screenRow) {
console.log('[Status Loader] Triggering menu open...');
menuBtn.click();
setTimeout(() => {
const targetRow = document.getElementById('tr_3');
if (targetRow) {
console.log('[Status Loader] Selecting status screen...');
targetRow.click();
// ✅ 记录本次执行时间
localStorage.setItem(LAST_RUN_KEY, now.toString());
} else {
console.warn('[Status Loader] Warning: tr_3 not found after delay.');
}
}, 1200); // 略长于原1s，兼容网络/渲染延迟
} else if (screenRow) {
console.log('[Status Loader] Status screen already loaded — skipping.');
localStorage.setItem(LAST_RUN_KEY, now.toString()); // 确保状态同步
}
})();2. 基于 DOM 状态的智能判断（辅助增强）
若页面具备明确的“已加载完成”视觉标识（如某个 class、文本节点或隐藏属性），可直接检测状态而非依赖时间：
// 示例：检测是否已显示状态屏内容区域
if (document.querySelector('#statusViewContainer') ||
document.body.classList.contains('status-screen-active')) {
console.log('[Status Loader] Status screen detected — aborting.');
return;
}⚠️ 注意事项：
- 避免 setTimeout + click() 链式调用裸奔：原脚本未校验元素是否存在即调用 .click()，一旦元素未就绪将静默失败，导致后续逻辑失效。
- localStorage 是持久化且跨会话的：适合工厂 kiosk 场景（重启浏览器后仍生效），若需每次启动都重试，改用 sessionStorage。
- *@grant none 下禁止使用 `GM_` API**：本方案严格遵循无权限模式，兼容所有环境。
- 调试建议：启用 console.log 并打开浏览器开发者工具 → Console 标签页，实时观察脚本执行路径与跳过原因。
✅ 最终效果
脚本在 PlantFloorVisual.aspx 页面首次加载时自动展开菜单并选择状态屏；后续页面内跳转、局部刷新或定时重载均不再重复触发，彻底终结无限刷新循环，保障多屏监控系统长期稳定运行。
