×
扫码关注【爱吃馍】
获取最新脚本和技术支持！
关注公众号，获取最新地址
Extracts DOM structure, sends it to Gemini AI for semantic analysis, and simulates human input to fill forms. Supports custom user profiles and works on modern frameworks (React/Vue).
// ==UserScript==
// @name 多平台问卷AI自动填写，问卷星、腾讯问卷、飞书通用
// @name:en-US Multi-Platform Questionnaire AI Auto-Filler
// @namespace https://github.com/kelryry
// @version 1.1
// @description Extracts DOM structure, sends it to Gemini AI for semantic analysis, and simulates human input to fill forms. Supports custom user profiles and works on modern frameworks (React/Vue).
// @description:zh-CN 提取页面DOM结构，发送给Gemini AI进行语义分析，并模拟人类输入进行填表。支持自定义用户画像，兼容现代前端框架（React/Vue）。
// @author kelryry
// @license GPL-3.0-only
// @homepageURL https://github.com/kelryry/questionnaire-auto-filling
// @match https://example.com/replace-this-with-your-target-url/*
// @match https://docs.qq.com/form/*
// @match https://*.wjx.cn/*
// @match https://*.wjx.top/*
// @grant GM_xmlhttpRequest
// @grant GM_registerMenuCommand
// @connect generativelanguage.googleapis.com
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
// =========================================================================
// [USER CONFIGURATION] - MUST BE CONFIGURED BEFORE USE
// =========================================================================
const CONFIG = {
// 1. Google Gemini API Key (Required)
// Get yours at: https://aistudio.google.com/
apiKey: "YOUR_GEMINI_API_KEY_HERE",
// 2. Model Selection
// Recommended: "gemini-2.5-flash-lite" for speed, "gemini-2.5-flash" for balance.
modelName: "gemini-2.5-flash-lite",
// 3. Thinking Budget
// Set to 0 for maximum speed (Flash/Lite).
// For "Pro" models, you can set a budget (e.g., 1024) if reasoning is needed.
thinkingBudget: 0,
// 4. Auto Submit Configuration
// autoSubmit: If true, clicks the submit button automatically.
// submitDelay: Delay in milliseconds before clicking submit.
autoSubmit: false,
submitDelay: 1000,
// 5. Scheduled Execution
// targetTime: Format "YYYY-MM-DD HH:MM:SS". If in the past, runs immediately.
// preLoadOffset: Milliseconds to start scanning before the target time (counteract network latency).
targetTime: "2025-12-03 15:00:00",
preLoadOffset: 500,
// 6. User Profile
// The AI will use this information to answer questions.
userProfile: `
Name: John Doe
Phone: 13800138000
ID Card: 110101199001011234
Email: [email protected]
Address: Chaoyang District, Beijing
Education: Bachelor
Occupation: Developer
Note: None
Agree to Terms: Yes/Agree
`,
// 7. Debug Mode
// If true, prints the HTML payload and AI plan to the console.
debug: true
};
// =========================================================================
// [UI & STATUS MANAGEMENT]
// =========================================================================
let statusDiv = null;
let elementMap = new Map();
// Initialize the floating status bar
function initUI() {
if (statusDiv) return;
statusDiv = document.createElement('div');
statusDiv.style.cssText = `
position: fixed; top: 10px; right: 10px; z-index: 2147483647;
background: rgba(0,0,0,0.8); color: #00ff00; padding: 8px 12px;
border-radius: 4px; font-family: sans-serif; font-size: 12px;
pointer-events: none; user-select: none; transition: all 0.2s;
`;
statusDiv.innerText = '🤖 Gemini: Standby';
document.body.appendChild(statusDiv);
}
// Update status text and color
function updateStatus(text, color = '#00ff00') {
if (!statusDiv) initUI();
statusDiv.style.color = color;
statusDiv.innerText = `🤖 ${text}`;
console.log(`[Gemini] ${text}`);
}
// =========================================================================
// [CORE UTILS: INPUT SIMULATION]
// Handles React/Vue/Angular state hijacking issues
// =========================================================================
function simulateInput(element, value) {
if (!element) return;
element.focus();
const tag = element.tagName.toLowerCase();
let proto;
// Determine the correct prototype to bypass framework proxies
if (tag === 'textarea') {
proto = window.HTMLTextAreaElement.prototype;
} else if (tag === 'select') {
proto = window.HTMLSelectElement.prototype;
} else {
proto = window.HTMLInputElement.prototype;
}
// Try to call the native value setter
try {
const nativeSetter = Object.getOwnPropertyDescriptor(proto, "value").set;
if (nativeSetter) {
nativeSetter.call(element, value);
} else {
element.value = value; // Fallback
}
} catch (e) {
console.warn(`Native setter failed for ${tag}, fallback to direct assignment.`, e);
element.value = value;
}
// Dispatch events to ensure the framework detects the change
const eventTypes = ['input', 'change', 'blur', 'focusout'];
eventTypes.forEach(type => {
element.dispatchEvent(new Event(type, { bubbles: true }));
});
}
function simulateClick(element) {
if (!element) return;
try {
// Scroll to view to ensure visibility
element.scrollIntoView({ behavior: 'auto', block: 'center' });
// Standard click
element.click();
// Additional events for stubborn elements
element.dispatchEvent(new MouseEvent('mousedown', { bubbles: true }));
element.dispatchEvent(new MouseEvent('mouseup', { bubbles: true }));
} catch (e) {
console.error("Click failed", e);
}
}
// =========================================================================
// [DOM EXTRACTION]
// Converts HTML to a simplified format for the LLM to save tokens
// =========================================================================
function isInteractive(el) {
const tag = el.tagName.toLowerCase();
if (['input', 'textarea', 'select', 'button'].includes(tag)) return true;
// Detect custom styled radio/checkboxes (divs acting as buttons)
const style = window.getComputedStyle(el);
return style.cursor === 'pointer';
}
function generateSimplifiedDOM(root) {
elementMap.clear();
let idCounter = 0;
let output = [];
function traverse(node, depth) {
// Skip invisible elements or non-element nodes
if (!node || node.nodeType !== 1 ||
node.offsetWidth <= 0 && node.offsetHeight <= 0 && node.tagName !== 'OPTION') {
return;
}
const tag = node.tagName.toLowerCase();
// Skip irrelevant tags
if (['script', 'style', 'svg', 'path', 'noscript', 'meta', 'link'].includes(tag)) return;
// Extract direct text content
let directText = "";
node.childNodes.forEach(child => {
if (child.nodeType === 3) directText += child.textContent.trim() + " ";
});
directText = directText.trim();
const placeholder = node.getAttribute('placeholder');
const ariaLabel = node.getAttribute('aria-label');
const type = node.getAttribute('type');
const interactive = isInteractive(node);
// Record the node if it's interactive, has text, or is a label
if (interactive || directText || placeholder || ariaLabel || tag === 'label') {
const myId = `el_${idCounter++}`;
elementMap.set(myId, node);
const indent = " ".repeat(depth);
let line = `${indent}<${tag}`;
// Assign ID only to interactive elements for the AI to reference
if (interactive) line += ` _ai_id="${myId}"`;
if (type) line += ` type="${type}"`;
if (placeholder) line += ` placeholder="${placeholder}"`;
if (ariaLabel) line += ` label="${ariaLabel}"`;
line += ">";
if (directText) line += ` ${directText}`;
// Indicate state for checkboxes/radios
if (tag === 'input' && (type === 'radio' || type === 'checkbox')) {
line += node.checked ? " [CHECKED]" : "";
}
output.push(line);
}
Array.from(node.children).forEach(child => traverse(child, depth + 1));
}
traverse(root, 0);
return output.join("\n");
}
// =========================================================================
// [GEMINI AGENT LOGIC]
// =========================================================================
async function runAgent() {
updateStatus("Scanning Page...", "yellow");
// 1. Snapshot DOM
const simplifiedHTML = generateSimplifiedDOM(document.body);
if(CONFIG.debug) {
console.log("--- Payload Sent to Gemini ---");
console.log(simplifiedHTML);
}
// 2. Construct System Prompt
const prompt = `
You are an auto-filling agent.
Your goal: Fill the form based on User Profile.
User Profile:
${CONFIG.userProfile}
Simplified HTML Structure:
${simplifiedHTML}
Instructions:
1. Analyze the structure to link Labels with Inputs (based on indentation/hierarchy).
2. Output a JSON plan.
3. Use "fill" for inputs/textareas/selects.
4. Use "click" for radio options, checkboxes, and buttons.
5. IMPORTANT: For "fill", output the string value.
6. IMPORTANT: For "click", choose the element that looks like the option text (e.g. the div containing "Male").
Response JSON Schema (Array of objects):
[
{"id": "el_xxx", "action": "fill", "value": "my value"},
{"id": "el_yyy", "action": "click", "reason": "Select Gender"}
]
`;
updateStatus("Gemini Thinking...", "#00ffff");
try {
const url = `https://generativelanguage.googleapis.com/v1beta/models/${CONFIG.modelName}:generateContent?key=${CONFIG.apiKey}`;
// Construct API Payload
const payload = {
contents: [{ parts: [{ text: prompt }] }],
generationConfig: {
responseMimeType: "application/json",
// Only apply thinkingConfig for non-lite models with budget > 0
thinkingConfig: CONFIG.modelName.includes('2.5') && !CONFIG.modelName.includes('lite') && CONFIG.thinkingBudget > 0
? { thinkingBudget: CONFIG.thinkingBudget } : undefined
}
};
const response = await fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
const data = await response.json();
if (data.error) {
throw new Error(data.error.message);
}
const planText = data.candidates[0].content.parts[0].text;
const plan = JSON.parse(planText);
console.log("Gemini Plan:", plan);
await executePlan(plan);
} catch (e) {
console.error(e);
updateStatus(`Error: ${e.message}`, "red");
}
}
async function executePlan(plan) {
updateStatus(`Executing ${plan.length} actions...`, "#00ff00");
let submitBtn = null;
for (const step of plan) {
const el = elementMap.get(step.id);
if (!el) continue;
// Identify submit buttons but do not click immediately
const text = (el.innerText || el.value || "").toLowerCase();
if (step.action === 'click' && (text.includes('提交') || text.includes('submit') || text.includes('下一步'))) {
submitBtn = el;
continue;
}
if (step.action === 'fill') {
simulateInput(el, step.value);
} else if (step.action === 'click') {
simulateClick(el);
}
// Small delay to prevent freezing the UI
await new Promise(r => setTimeout(r, 20));
}
finalize(submitBtn);
}
function finalize(submitBtn) {
// Validation: Highlight missing required fields
const inputs = document.querySelectorAll('input[required], textarea[required]');
let missing = false;
inputs.forEach(el => {
if (!el.value) {
el.style.boxShadow = "0 0 10px red";
el.style.border = "2px solid red";
missing = true;
}
});
if (missing) {
updateStatus("Found missing fields!", "red");
return;
}
if (submitBtn) {
if (CONFIG.autoSubmit) {
updateStatus(`Submitting in ${CONFIG.submitDelay}ms...`, "orange");
setTimeout(() => submitBtn.click(), CONFIG.submitDelay);
} else {
// Highlight submit button for manual confirmation
submitBtn.scrollIntoView({ behavior: 'smooth', block: 'center' });
submitBtn.style.border = "4px solid #00ff00";
updateStatus("Ready to Submit", "white");
}
} else {
updateStatus("Finished (No submit btn)", "white");
}
}
// =========================================================================
// [ENTRY POINT]
// =========================================================================
function main() {
initUI();
// Pre-warm connection to Google API
fetch(`https://generativelanguage.googleapis.com/v1beta/models/${CONFIG.modelName}?key=${CONFIG.apiKey}`, {method: 'HEAD'}).catch(()=>{});
const now = Date.now();
const target = new Date(CONFIG.targetTime).getTime();
if (target > now) {
const waitTime = target - now - CONFIG.preLoadOffset;
updateStatus(`Wait ${(waitTime/1000).toFixed(1)}s`, "white");
// Countdown timer
const timer = setInterval(() => {
const n = Date.now();
if (n >= target - CONFIG.preLoadOffset) {
clearInterval(timer);
runAgent();
} else {
statusDiv.innerText = `🤖 Wait: ${((target - CONFIG.preLoadOffset - n)/1000).toFixed(1)}s`;
}
}, 100);
} else {
runAgent();
}
}
// Register menu command
GM_registerMenuCommand("🚀 Run Auto-Filler", main);
window.addEventListener('load', main);
})();