Chrome浏览器中如何自动填充表单的ID字段
Chrome浏览器中如何自动填充表单的ID字段
兄弟,我懂你这种抢名额的紧迫感!Chrome自带的自动填充确实会漏掉一些自定义字段,比如你说的这个ID,给你几个实用的办法,从自带功能到扩展都有,肯定能解决你的问题:
利用Chrome自带的自定义自动填充条目
其实Chrome的自动填充系统支持添加自定义字段,只是藏得有点深:- 打开Chrome设置,搜索“自动填充”,进入“地址和更多”选项
- 点击“添加地址”,在表单里除了常规信息,往下拉找到“备注”或者直接在“其他”相关字段里填上你的ID
- 保存后,下次点击ID字段时,Chrome可能会弹出这个条目让你选择。如果还是没反应,大概率是这个ID字段的HTML属性没有被Chrome识别为可自动填充的类型,这时候就得用扩展了。
用Tampermonkey脚本实现一键/自动填充(推荐!)
既然页面布局完全不变,这个方法绝对是你说的“圣杯”级别的——打开页面瞬间自动填好所有内容,包括ID字段,连点击都省了:- 先安装Tampermonkey扩展(Chrome应用商店里搜就能找到,免费的)
- 点击Tampermonkey图标,选择“创建新脚本”
- 把默认的代码替换成类似下面的(需要你自己调整字段的选择器,比如ID字段的id或者name属性):
// ==UserScript== // @name 自动填充报名表单 // @namespace http://tampermonkey.net/ // @version 0.1 // @description 打开报名页自动填充所有字段 // @author You // @match 这里替换成你的报名页面的完整URL(比如https://example.com/signup) // @grant none // ==/UserScript== (function() { 'use strict'; // 等待页面完全加载后执行 window.addEventListener('load', function() { // 替换成ID字段的实际选择器,比如通过id定位:document.getElementById("your-id-field-id") // 或者通过name定位:document.querySelector('input[name="id_number"]') const idField = document.getElementById("id_field"); if (idField) { idField.value = "你的ID号码"; } // 可以继续添加其他字段的填充,一次性搞定所有内容 const nameField = document.getElementById("name_field"); if (nameField) { nameField.value = "你的姓名"; } // 依此类推,把邮箱、地址等字段都加上... }); })(); - 保存脚本,下次打开报名页面,脚本会自动执行,所有字段瞬间填好!
找不到字段选择器?右键点击ID字段,选择“检查”,看HTML代码里的id或者name属性,把对应的内容替换到脚本里就行,超简单。
用专门的表单填充扩展
如果不想写脚本,也可以用现成的扩展,比如Autofill(Chrome应用商店里的热门免费扩展):- 安装扩展后,打开报名页面,手动填好所有字段(包括ID)
- 点击扩展图标,选择“保存当前表单”,给这个配置起个好记的名字
- 下次打开页面,点击扩展图标,选择你保存的配置,所有字段就自动填充了。部分扩展还支持设置“自动填充当前页面”,打开页面就自动填,和脚本效果一样。
这些方法里,Tampermonkey脚本是最灵活的,完全符合你“一打开页面就填好”的需求,而且完全免费,自己动手改一改就行,绝对能帮你省时间抢名额!
备注:内容来源于stack exchange,提问作者Display name




