Greasy Fork is available in English.
支持定时自动点击，并通过鼠标右键选择目标元素，实时显示运行状态、执行次数等信息。
当前为
// ==UserScript==
// @name 通用自动点击脚本（定时版 + 状态显示）
// @namespace http://tampermonkey.net/
// @version 3.2
// @description 支持定时自动点击，并通过鼠标右键选择目标元素，实时显示运行状态、执行次数等信息。
// @author Universal
// @match *://*/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addStyle
// @license MIT
// ==/UserScript==
(function () {
'use strict';
const CONFIG = {
CONTROL_PANEL_ID: 'autoClickControl', // 控制面板ID
OVERLAY_ID: 'elementOverlay', // 高亮层ID
CLICK_INTERVAL: 500, // 每次点击间隔 (毫秒)
MAX_CLICKS: 20, // 最大点击次数
};
const State = {
targetSelector: GM_getValue('targetSelector', ''), // 目标选择器
isPicking: false, // 是否正在选择目标元素
isRunning: false, // 是否正在运行点击
timer: null, // 定时器
clickCount: 0, // 当前点击次数
executeTime: GM_getValue('executeTime', ''), // 定时执行时间
debug: true, // 是否启用调试日志
};
// 调试日志
function debugLog(...args) {
if (State.debug) console.log('[Debug]', ...args);
}
// 添加样式
function addStyles() {
GM_addStyle(`
#autoClickControl {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999;
background: #fff;
border: 1px solid #ccc;
padding: 15px;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
font-family: Arial, sans-serif;
width: 300px;
}
#autoClickControl input, #autoClickControl button {
margin-bottom: 10px;
}
#autoClickControl input {
width: 100%;
padding: 5px;
border: 1px solid #ddd;
border-radius: 3px;
}
#autoClickControl button {
padding: 5px 10px;
border: none;
border-radius: 3px;
cursor: pointer;
}
#autoClickControl #startButton {
background-color: #28a745;
color: white;
}
#autoClickControl #pickButton {
background-color: #007bff;
color: white;
}
#autoClickControl #stopButton {
background-color: #dc3545;
color: white;
}
#elementOverlay {
position: absolute;
border: 2px dashed #007bff;
background-color: rgba(0, 123, 255, 0.2);
pointer-events: none;
z-index: 9998;
display: none;
}
#statusText {
font-size: 12px;
color: #333;
}
`);
}
// 创建控制面板
function createControlPanel() {
if (document.getElementById(CONFIG.CONTROL_PANEL_ID)) return;
const controlPanel = document.createElement('div');
controlPanel.id = CONFIG.CONTROL_PANEL_ID;
controlPanel.innerHTML = `
<label>目标选择器 (CSS选择器或XPath):</label>
<input type="text" id="targetSelectorInput" placeholder="通过右键选择或手动输入" value="${State.targetSelector}">
<label>执行时间:</label>
<input type="datetime-local" id="executeTimeInput" value="${State.executeTime}">
<button id="pickButton">右键选择目标</button>
<button id="startButton">开始</button>
<button id="stopButton" disabled>停止</button>
<div id="statusText">状态: 未运行 | 点击次数: 0</div>
`;
document.body.appendChild(controlPanel);
// 绑定事件
document.getElementById('pickButton').addEventListener('click', enableElementPicker);
document.getElementById('startButton').addEventListener('click', startClicking);
document.getElementById('stopButton').addEventListener('click', stopClicking);
document.getElementById('targetSelectorInput').addEventListener('input', (event) => {
State.targetSelector = event.target.value.trim();
GM_setValue('targetSelector', State.targetSelector);
});
document.getElementById('executeTimeInput').addEventListener('change', (event) => {
State.executeTime = event.target.value.trim();
GM_setValue('executeTime', State.executeTime);
});
}
// 更新状态文本
function updateStatus(message) {
const statusText = document.getElementById('statusText');
statusText.innerText = `状态: ${message} | 点击次数: ${State.clickCount}`;
}
// 启用目标选择
function enableElementPicker() {
alert('请右键单击页面上的目标元素来选择它。');
State.isPicking = true;
document.addEventListener('mouseover', highlightElement, true);
document.addEventListener('contextmenu', selectElement, true);
}
// 停用目标选择
function disableElementPicker() {
State.isPicking = false;
const overlay = document.getElementById(CONFIG.OVERLAY_ID);
overlay.style.display = 'none';
document.removeEventListener('mouseover', highlightElement, true);
document.removeEventListener('contextmenu', selectElement, true);
}
// 高亮鼠标悬停的元素
function highlightElement(event) {
if (!State.isPicking) return;
const overlay = document.getElementById(CONFIG.OVERLAY_ID);
const target = event.target;
if (!target) return;
const rect = target.getBoundingClientRect();
overlay.style.display = 'block';
overlay.style.top = `${rect.top + window.scrollY}px`;
overlay.style.left = `${rect.left + window.scrollX}px`;
overlay.style.width = `${rect.width}px`;
overlay.style.height = `${rect.height}px`;
debugLog('Highlighting element:', target);
}
// 选择目标元素
function selectElement(event) {
if (!State.isPicking) return;
event.preventDefault();
const target = event.target;
const selector = generateSelector(target);
State.targetSelector = selector;
GM_setValue('targetSelector', selector);
document.getElementById('targetSelectorInput').value = selector;
disableElementPicker();
alert(`目标元素已选择: ${selector}`);
debugLog('Selected element:', target, 'Generated selector:', selector);
}
// 自动生成 CSS 选择器
function generateSelector(element) {
if (!element) return null;
let selector = element.tagName.toLowerCase();
if (element.id) {
selector += `#${element.id}`;
} else if (element.className) {
const className = element.className.trim().split(/\s+/).join('.');
selector += `.${className}`;
}
return selector;
}
// 开始点击
function startClicking() {
if (State.isRunning) return;
const executeTime = new Date(State.executeTime).getTime();
const now = Date.now();
if (!State.targetSelector) {
alert('请设置目标选择器！');
return;
}
if (!executeTime || executeTime <= now) {
alert('请设置一个未来的执行时间！');
return;
}
const delay = executeTime - now;
updateStatus(`等待 ${Math.ceil(delay / 1000)} 秒后执行`);
debugLog('Scheduled to start in:', delay, 'ms');
State.timer = setTimeout(() => {
State.isRunning = true;
State.clickCount = 0;
executeClicks();
}, delay);
document.getElementById('stopButton').disabled = false;
}
// 停止点击
function stopClicking() {
if (State.timer) clearTimeout(State.timer);
State.isRunning = false;
updateStatus('已停止');
document.getElementById('stopButton').disabled = true;
debugLog('Stopped clicking.');
}
// 执行点击
async function executeClicks() {
const elements = document.querySelectorAll(State.targetSelector);
if (elements.length === 0) {
alert('未找到目标元素，点击操作终止！');
stopClicking();
return;
}
while (State.isRunning && State.clickCount < CONFIG.MAX_CLICKS) {
for (const element of elements) {
if (!State.isRunning) break;
element.click();
State.clickCount++;
updateStatus('运行中');
debugLog('Clicked element:', element, `Count: ${State.clickCount}`);
await new Promise((resolve) => setTimeout(resolve, CONFIG.CLICK_INTERVAL));
}
}
stopClicking();
alert('点击操作完成！');
}
// 创建高亮层
function createOverlay() {
if (document.getElementById(CONFIG.OVERLAY_ID)) return;
const overlay = document.createElement('div');
overlay.id = CONFIG.OVERLAY_ID;
document.body.appendChild(overlay);
}
function initialize() {
addStyles();
createControlPanel();
createOverlay();
}
initialize();
})();