Userscript需先交互页面才生效，如何模拟用户交互实现自动点击登录？

问题原因 #

你遇到的问题核心是Chromium的用户交互信任机制和站点的反自动化校验规则：

• 原生JS调用element.click()生成的点击事件isTrusted属性为false，真实用户操作生成的事件该属性为true，多数站点的登录逻辑会校验该属性，拒绝非信任事件触发的提交请求
• 浏览器的自动填充功能默认需要用户交互触发后，才会将视觉填充的内容真正同步到表单DOM的属性中，无交互时直接提交，表单实际传递的是空值，因此返回登录失败

解决方案 #

方案1：用户脚本层面模拟真实交互流 #

不要直接调用元素的click()方法，先模拟页面上下文交互，再构造完整的鼠标事件序列触发点击，同时用元素监听替代固定延迟避免加载未完成的问题：

(function() {
    'use strict';
    // 监听目标登录按钮加载完成，替代固定setTimeout
    function waitForElement(selector, callback) {
        if(document.querySelector(selector)) {
            return callback(document.querySelector(selector));
        }
        const observer = new MutationObserver(() => {
            if(document.querySelector(selector)) {
                observer.disconnect();
                callback(document.querySelector(selector));
            }
        });
        observer.observe(document.body, {childList: true, subtree: true});
    }

    // 替换为你实际的登录按钮精准选择器，比如button[type="submit"]、#login-btn等
    waitForElement('button[type="submit"]', (loginBtn) => {
        // 先模拟页面空白处点击，触发用户交互上下文
        document.body.dispatchEvent(new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            view: window
        }));

        // 模拟真实鼠标点击的完整事件流
        ['mousedown', 'mouseup', 'click'].forEach(evtType => {
            const evt = new MouseEvent(evtType, {
                bubbles: true,
                cancelable: true,
                view: window,
                clientX: loginBtn.getBoundingClientRect().left + 10,
                clientY: loginBtn.getBoundingClientRect().top + 5
            });
            loginBtn.dispatchEvent(evt);
        });
    });
})();

如果站点使用React/Vue等前端框架，需要额外触发表单输入框的状态更新事件，确保填充的账号密码被框架识别：

// 替换为实际的用户名、密码输入框选择器
const usernameInput = document.querySelector('input[name="username"]');
const passwordInput = document.querySelector('input[name="password"]');
[usernameInput, passwordInput].forEach(input => {
    input.dispatchEvent(new Event('input', {bubbles: true}));
    input.dispatchEvent(new Event('change', {bubbles: true}));
});

方案2：降低浏览器交互校验要求 #

给Chromium添加启动参数，关闭用户手势校验规则：

• Windows：右键Chromium快捷方式，选择「属性」，在「目标」字段末尾添加 --autoplay-policy=no-user-gesture-required（注意前面有空格）
• Linux/macOS：启动时在终端添加参数 chromium --autoplay-policy=no-user-gesture-required

方案3：系统级输入模拟 #

如果上述方案都失效，可以继续使用xdotool这类系统级输入模拟工具，完全模拟真实用户操作，不存在事件信任问题，示例命令：

# 激活Chromium窗口
xdotool search --onlyvisible --class "Chromium" windowactivate
# 等待页面加载完成
sleep 3
# 模拟点击页面空白处触发交互上下文
xdotool mousemove 100 100 click 1
# 替换为实际登录按钮的屏幕坐标，模拟点击
xdotool mousemove 500 300 click 1

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