教程详情
一、基础字段识别配置
1. 安装AutoFill扩展：访问https://chrome.google.com/webstore/detail/autofill-form-detector/jkihacnhpfgpadkljpdljhgkbjadieha，点击“添加至Chrome”。该插件可自动高亮所有input标签，并用不同颜色区分类型（如文本框蓝色、密码框黄色）。
2. 手动验证字段：在表单页面右键→选择“检查元素”，查看HTML代码中的`type`属性。例如input type="email"会显示为绿色，input type="tel"显示为灰色。若字段无明确类型定义，插件会标记为红色并提示“未知字段”。
二、高级识别规则设置
1. 正则表达式匹配：点击插件图标→进入“规则管理”→添加新条件。输入正则表达式（如`^[A-Za-z0-9]{6,18}$`匹配6-18位用户名），选择“文本类型”→保存后插件会自动将符合条件的输入框标为紫色。
2. CSS选择器定位：在“高级设置”中使用CSS选择器（如`input[name="password"]`）精准定位特定字段。此方法可绕过动态生成的表单元素，强制将匹配项识别为密码类型（显示为星号遮挡）。
三、企业级表单处理方案
1. 组策略强制校验：通过域控服务器打开`gpedit.msc`，导航至“用户配置→Google Chrome→扩展程序→表单验证规则”，导入JSON文件（如`{"fields":[{"selector":"loginForm input","type":"password"}]}`）。终端用户打开网页时，插件会自动将符合规则的字段强化验证逻辑。
2. 数字签名校验：在插件设置中启用“严格模式”，对已识别的字段添加SHA-256哈希校验。当用户输入数据时，插件会计算input值的哈希并与预设值比对（需提前在控制台注入加密规则）。
四、异常场景处理
1. 动态表单修复：若遇到AJAX动态加载的表单，在插件设置→“捕获设置”勾选“监控DOM变化”。此功能会持续扫描新出现的输入框（如验证码弹窗），并尝试通过上下文分析（如邻近的label文本）推断字段类型。
2. 框架兼容调整：在`chrome://extensions/`页面，找到插件设置→禁用“隔离环境”。此操作允许插件直接操作网页JavaScript，解决Vue/React框架下表单元素被抽象封装导致的识别失败问题。
五、物理设备防护建议
1. 多设备同步规则：在手机上安装同款插件并登录Google账号，PC端设置的识别规则（如将某字段标记为信用卡号）会自动同步到手机浏览器。使用平板时还可通过触控笔在表单上绘制特殊标记（如圆圈）触发强制验证。
2. 离线校验备份：在断网环境下，插件会将识别过的字段特征存储在`C:\Users\[用户名]\AppData\Local\AutoFillDetector\rules.db`。联网后自动同步至云端，避免因缓存清除导致规则丢失。
