Tampermonkey脚本：Google表单自动转换编辑者权限功能失效求助

你的脚本已能成功打开分享弹窗，但点击Editor按钮失效，核心原因是Google Forms的动态UI渲染机制、元素选择器精度不足，以及单纯调用click()可能无法触发完整交互事件。以下是具体修复方案：

核心问题分析 #

• Google弹窗内容异步加载，固定延迟（8s+3s）无法适配所有场景，可能导致元素未渲染就执行查找逻辑
• 部分按钮需要完整鼠标事件链（mousedown→mouseup→click）才能触发响应，单纯click()可能被拦截
• 原选择器依赖文本或aria-label，可能因UI本地化、动态更新失效

修复后的完整脚本 #

// ==UserScript==
// @name         Google Forms: Convert Editors to Responders
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Auto convert editors to responders in Google Forms
// @author       You
// @match        https://docs.google.com/forms/d/*
// @grant        none
// ==/UserScript==

let hasClickedShare = false;

// 封装元素等待工具，替代固定延迟
function waitForElement(selector, parent = document, timeout = 10000) {
    return new Promise((resolve, reject) => {
        const interval = setInterval(() => {
            const element = parent.querySelector(selector);
            if (element) {
                clearInterval(interval);
                resolve(element);
            }
        }, 500);

        setTimeout(() => {
            clearInterval(interval);
            reject(new Error(`Element ${selector} not found within ${timeout}ms`));
        }, timeout);
    });
}

// 模拟真实用户点击，触发完整事件链
function simulateRealClick(element) {
    const events = ['mousedown', 'mouseup', 'click'];
    events.forEach(eventType => {
        const event = new MouseEvent(eventType, {
            bubbles: true,
            cancelable: true,
            view: window
        });
        element.dispatchEvent(event);
    });
    console.log(`Simulated click on:`, element);
}

async function clickShareButton() {
    if (hasClickedShare) return;
    try {
        const shareButton = await waitForElement(
            'div[role="button"][aria-label*="Share"], div[role="button"]:contains("Share")',
            document,
            5000
        );
        simulateRealClick(shareButton);
        hasClickedShare = true;
        console.log("Share button clicked!");
        await clickFirstEditorButtonInModal();
    } catch (err) {
        console.error(err.message);
    }
}

async function clickFirstEditorButtonInModal() {
    try {
        // 等待分享弹窗加载
        const modal = await waitForElement('div[role="dialog"][aria-modal="true"]', document, 8000);
        console.log("Modal found:", modal);

        // 用精准选择器定位Editor按钮（结合jsname和aria-label）
        const editorButton = await waitForElement(
            'button[jsname="dLruDf"][aria-label*="Editor. change permission"]',
            modal,
            10000
        );

        simulateRealClick(editorButton);
        console.log("Editor permission button clicked successfully");

        // 可继续添加后续逻辑：选择Responder选项
        // const responderOption = await waitForElement('div[role="menuitem"]:contains("Responder")', modal, 5000);
        // simulateRealClick(responderOption);
        // console.log("Changed permission to Responder");
    } catch (err) {
        console.error(err.message);
    }
}

window.addEventListener('load', () => {
    console.log("Page loaded, starting script...");
    clickShareButton();
});

关键改进点 #

• waitForElement工具函数：用Promise封装元素等待逻辑，替代固定setTimeout，适配动态加载场景
• simulateRealClick函数：触发完整鼠标事件链，解决Google按钮对单纯click()的拦截问题
• 精准选择器：使用jsname="dLruDf"结合完整aria-label文本，避免UI变化导致选择失效
• 异步流程：用async/await替代嵌套setTimeout，代码更清晰易维护
• 错误处理：添加try/catch捕获异常，便于调试

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