Chrome auto-fill与自动登录实现方案咨询

嗨，我来分享几个实用的思路，帮你解决Chrome自动填充账号密码后还得手动点击提交的问题：

• 解决UserJS提交空表单的核心：等待Chrome填充完成
  你遇到的空表单问题，本质是Chrome的自动填充是异步执行的——你的脚本可能在浏览器还没把账号密码填进输入框时就触发了提交，自然拿不到值。这里推荐用MutationObserver来监听输入框的内容变化，等Chrome完成填充后再触发提交，完全不需要自己存储密码，示例脚本如下：

  // ==UserScript==
  // @name         自动提交登录表单
  // @namespace    http://tampermonkey.net/
  // @version      0.1
  // @description  等待Chrome自动填充完成后提交登录表单
  // @author       You
  // @match        https://目标网站域名/login
  // @grant        none
  // ==/UserScript==
  
  (function() {
      'use strict';
  
      // 替换成目标网站的实际元素选择器（ID/类名都可以）
      const usernameInput = document.querySelector('#username'); 
      const passwordInput = document.querySelector('#password');
      const submitButton = document.querySelector('#login-btn');
  
      // 创建观察者，监听输入框的value属性变化
      const fillObserver = new MutationObserver((mutations) => {
          // 当账号和密码都有值时，触发提交
          if (usernameInput.value.trim() && passwordInput.value.trim()) {
              submitButton.click();
              fillObserver.disconnect(); // 完成提交后停止监听，避免重复触发
          }
      });
  
      // 开始监听两个输入框的value属性变化
      fillObserver.observe(usernameInput, { attributes: true, attributeFilter: ['value'] });
      fillObserver.observe(passwordInput, { attributes: true, attributeFilter: ['value'] });
  })();
  

  注意：你需要根据目标网站的实际HTML结构，替换脚本里的元素选择器（比如#username换成网站用户名输入框的实际ID或类名）。这种方式完全依赖Chrome的密码管理器，不会涉及密码的额外存储，安全性有保障。

• Chrome原生设置的局限性
  目前Chrome本身没有全局的“自动提交登录表单”设置，虽然chrome://flags/里有一些实验性选项，但要么不稳定，要么只针对极少数场景，远不如UserJS方案灵活可靠。

• 特殊网站的适配技巧
  如果遇到带CSRF令牌或其他安全校验的网站，你可以在判断条件里加上对令牌字段的检查，比如确认表单里的hidden令牌字段有值后再提交，避免触发网站的安全拦截。

备注：内容来源于stack exchange，提问作者Lluser