自动填充:检查和调试已保存的地址

Sofia Emelianova
Sofia Emelianova

使用自动填充面板检查和调试保存到 Chrome 的地址信息。

概览

Chrome 自动填充功能提供了一种便捷的方式,可以使用已保存的地址在网站上自动填充表单。利用开发者工具中的自动填充面板,您可以检查表单字段、预测的自动填充值和已保存的数据之间的映射。

将地址信息保存到 Chrome

默认情况下,Chrome 会在您提交网络表单时提示您保存您输入的地址信息。

关于保存地址信息的提示。

如果没有此类提示,请在 Chrome 的右上角依次点击 more_vert 自定义和控制 Google Chrome > 密钥 密码和自动填充 > location_on 地址和其他信息,然后开启保存并填充地址切换开关。您也可以在此添加新地址

“地址和其他信息”菜单选项。

打开“自动填充”面板

默认情况下,如果开发者工具处于打开状态以及您在网站上自动填充表单,自动填充面板会自动打开。要关闭此功能,请手动打开面板并取消选中 check_box_outline_blank 自动打开此面板复选框。

如需手动打开自动填充面板,请执行以下操作:

  1. 打开开发者工具
  2. 按以下命令打开命令菜单

    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Ctrl+Shift+P

    命令菜单

  3. 开始输入 autofill,选择显示自动填充,然后按 Enter 键。

    默认情况下,开发者工具会在其窗口底部的抽屉式导航栏中打开此面板。也可将其移到顶部

或者,您也可以通过以下方式打开自动填充面板:

  • 在顶部的操作栏中,点击 double_arrow 更多面板,然后从下拉列表中选择自动填充
  • 在右上角,依次选择 more_vert 自定义和控制开发者工具 > 更多工具 > 自动填充

检查自动填充数据

如需检查自动填充数据,请执行以下操作:

  1. 确保自动填充功能处于开启状态,并且您已将地址信息保存在 Chrome 中
  2. 打开开发者工具,例如此演示页面
  3. 在演示页面上的网址网络表单中,将焦点移至某个表单字段。Chrome 会显示一个下拉菜单,其中包含自动填充数据选项。
  4. 从菜单中选择一个选项。自动填充功能会在表单中填充已保存的数据,如果自动打开功能已开启,开发者工具会打开自动填充面板。否则,请手动打开自动填充面板。

已选择自动填充数据选项。

数据及其映射

自动填充面板会显示其在表单字段中插入的数据,以及一个表格,其中列出了以下内容:

  • 在网页上检测到表单字段
  • 预测的自动填充值自动填充使用启发法确定的值。
  • 自动填充插入到它识别出的字段中的(如果有)。

“自动填充”面板。

“Issues”(问题)面板发现的自动补全问题。