使用「自動填入」面板檢查儲存在 Chrome 的地址資訊並進行偵錯。
總覽
Chrome 自動填入功能可讓您透過已儲存的地址輕鬆自動填入網站上的表單。開發人員工具中的「自動填入」面板可讓您檢查表單欄位、預測的自動填入值和已儲存資料之間的對應關係。
將地址資訊儲存至 Chrome
根據預設,當您提交地址資訊時,Chrome 會提示您儲存這些資訊。
如果沒有這類提示,請在 Chrome 右上角依序前往 more_vert「自訂及控制 Google Chrome」>「金鑰」「密碼和自動填入」>「地址和其他資訊」,然後開啟「切換地址」。您也可以在這裡新增地址。
開啟自動填入面板
根據預設,如果開發人員工具開啟,以及在網站上自動填入表單,「自動填入」面板就會自動開啟。如要關閉這項功能,請手動開啟面板並取消勾選 check_box_outline_blank [自動開啟這個面板] 核取方塊。
如何手動開啟「自動填入」面板:
- 開啟開發人員工具。
按下下列按鍵來開啟「指令選單」:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
開始輸入
autofill
,選取「顯示自動填入」,然後按下 Enter 鍵。根據預設,開發人員工具會在開發人員工具視窗底部的「Drawer」中開啟面板。您也可以將其移至頂端。
或者,您也可以透過下列方式開啟「自動填入」面板:
- 在頂端的動作列中,按一下「更多面板」double_arrow,然後從下拉式清單中選取「自動填入」。
- 依序選取右上角的 more_vert「自訂與控制開發人員工具」 >「更多工具」 >「自動填入」。
檢查自動填入資料
如何檢查自動填入資料:
- 確認自動填入功能已開啟,且已將地址資訊儲存在 Chrome 中。
- 開啟開發人員工具 (例如這個示範頁面)。
- 在示範網頁上的地址網路表單中,將焦點移至表單欄位。Chrome 會顯示含有自動填入資料選項的下拉式選單。
- 選取選單中的選項。自動填入使用已儲存的資料填寫表單,而開發人員工具會開啟自動填入面板 (如果開啟自動開啟功能)。否則,請手動開啟「自動填入」面板。
資料及其對應
「自動填入」面板會顯示插入表單欄位的資料,以及包含下列項目的表格:
- 系統在網頁上偵測到表單欄位。
- 預測自動填入值:自動填入功能會依據經驗法則決定。
- Value (如果有的話),也就是「Autofill」欄位 (如果有的話)。