自動填入:檢查已儲存的地址並進行偵錯

Sofia Emelianova
Sofia Emelianova

使用「自動填入」面板檢查儲存在 Chrome 的地址資訊並進行偵錯。

總覽

Chrome 自動填入功能可讓您透過已儲存的地址輕鬆自動填入網站上的表單。開發人員工具中的「自動填入」面板可讓您檢查表單欄位、預測的自動填入值和已儲存資料之間的對應關係。

將地址資訊儲存至 Chrome

根據預設,當您提交地址資訊時,Chrome 會提示您儲存這些資訊。

儲存地址資訊的提示。

如果沒有這類提示,請在 Chrome 右上角依序前往 more_vert「自訂及控制 Google Chrome」>「金鑰」「密碼和自動填入」>「地址和其他資訊」,然後開啟「切換地址」。您也可以在這裡新增地址

「地址和其他資訊」選單選項。

開啟自動填入面板

根據預設,如果開發人員工具開啟,以及在網站上自動填入表單,「自動填入」面板就會自動開啟。如要關閉這項功能,請手動開啟面板並取消勾選 check_box_outline_blank [自動開啟這個面板] 核取方塊。

如何手動開啟「自動填入」面板:

  1. 開啟開發人員工具
  2. 按下下列按鍵來開啟「指令選單」

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

    內含

  3. 開始輸入 autofill,選取「顯示自動填入」,然後按下 Enter 鍵。

    根據預設,開發人員工具會在開發人員工具視窗底部的「Drawer」中開啟面板。您也可以將其移至頂端

或者,您也可以透過下列方式開啟「自動填入」面板:

  • 在頂端的動作列中,按一下「更多面板」double_arrow,然後從下拉式清單中選取「自動填入」
  • 依序選取右上角的 more_vert「自訂與控制開發人員工具」 >「更多工具」 >「自動填入」

檢查自動填入資料

如何檢查自動填入資料:

  1. 確認自動填入功能已開啟,且已將地址資訊儲存在 Chrome 中。
  2. 開啟開發人員工具 (例如這個示範頁面)。
  3. 在示範網頁上的地址網路表單中,將焦點移至表單欄位。Chrome 會顯示含有自動填入資料選項的下拉式選單。
  4. 選取選單中的選項。自動填入使用已儲存的資料填寫表單,而開發人員工具會開啟自動填入面板 (如果開啟自動開啟功能)。否則,請手動開啟「自動填入」面板。

已選取自動填入資料選項。

資料及其對應

「自動填入」面板會顯示插入表單欄位的資料,以及包含下列項目的表格:

  • 系統在網頁上偵測到表單欄位
  • 預測自動填入值自動填入功能會依據經驗法則決定。
  • Value (如果有的話),也就是「Autofill」欄位 (如果有的話)。

自動填入面板。

自動完成功能由「問題」面板顯示。