在米侠浏览器中实现自动填表需先开启用户脚本和开发者工具,再通过DOM操作赋值并触发input事件;支持多账号切换与环境匹配,且须确保目标网站允许JS修改密码字段。

在米侠浏览器中通过代码实现自动填表功能,需要借助其内置的开发者工具和用户脚本支持能力,直接操作网页 DOM 元素完成字段赋值,无需安装额外插件或依赖外部服务。
确认米侠浏览器已启用开发者工具与用户脚本功能
打开米侠浏览器 → 点击右上角「菜单」→「设置」→「高级设置」→ 开启「允许运行用户脚本」和「显示开发者工具(F12)」两项开关。这两项是后续所有代码执行的前提,【未开启则注入的脚本不会运行】。
关闭并重启浏览器使设置生效。
在目标网页中手动测试填表逻辑
打开需自动填写的网页(例如登录页或表单页)→ 按 F12 打开开发者工具 → 切换到「控制台」(Console)标签页。
输入以下代码并回车,验证能否成功填入用户名:document.querySelector('input[name="username"]')?.value = "testuser";
如果页面没有报错且输入框出现文字,说明选择器有效;若报错 Cannot set property 'value' of null,代表元素不存在或 name 属性名不匹配,需右键检查实际 HTML 中的 input 标签属性,常见替代选择器有 id="user"、class="form-input" 或 placeholder="请输入账号"。
编写并注入用户脚本实现自动填表
方法一:使用米侠内置的「用户脚本管理器」
点击地址栏右侧「扩展图标」→「用户脚本」→「新建脚本」→ 在编辑区粘贴如下内容:
// ==UserScript==
// @name 自动填表-示例
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 在指定页面自动填充账号密码
// @match https://example.com/login*
// @grant none
// ==/UserScript==
<p>(function() {
'use strict';
if (document.querySelector('input[name="username"]')) {
document.querySelector('input[name="username"]').value = 'admin';
document.querySelector('input[name="password"]').value = '123456';
// 触发输入事件,确保前端校验能捕获变更
['username', 'password'].forEach(name => {
const el = document.querySelector(<code>input[name="${name}"]</code>);
if (el) el.dispatchEvent(new Event('input', { bubbles: true }));
});
}
})();将 @match 行中的 https://example.com/login* 替换为你要填表的实际网址(支持通配符 *),保存后刷新目标页面即可触发自动填写。
方法二:临时注入(仅当前页面生效)
在开发者工具控制台中,将上述自执行函数整个粘贴进去并回车运行。这种方式适合快速调试,但关闭页面即失效。
【注意:密码类字段务必确认目标网站不禁止 JS 修改 value,部分银行或政务系统会监听 input 事件并清空非人工输入内容】
让自动填表支持多组账号切换
第一步:在用户脚本中定义账号列表
在脚本顶部添加如下变量:
const accounts = [
{ user: "zhangsan", pass: "psw123" },
{ user: "lisi", pass: "abc456" }
];第二步:按 URL 特征或页面标题匹配预设账号
例如判断当前页面标题含「测试环境」时用第一组,含「生产环境」时用第二组:
const currentEnv = document.title.includes('测试环境') ? 0 : 1;
const target = accounts[currentEnv];
document.querySelector('input[name="username"]').value = target.user;
document.querySelector('input[name="password"]').value = target.pass;第三步:为防止脚本过早执行导致元素未加载,包裹进 DOMContentLoaded 或使用 setTimeout 延迟执行。
这一步操作起来很简单,直接把上面三段代码合并进原脚本的自执行函数内部即可。


















