Sofia Emelianova
使用「自動填入」面板檢查並偵錯儲存在 Chrome 中的地址資訊。
總覽
Chrome 自動填入功能提供便利的方式，可在網站中使用已儲存的地址自動填入表單。您可以透過 DevTools 中的「自動填入」面板，檢查表單欄位、預測的自動填入值和已儲存資料之間的對應關係。
將地址資訊儲存至 Chrome
根據預設，Chrome 會在你提交線上表單時，提示你儲存地址資訊。
如果沒有這類提示，請在 Chrome 的右上角依序前往 「自訂及管理 Google Chrome」> 「密碼和自動填入」> 「地址和其他」，然後開啟「儲存及填入地址」。也可以在這裡新增地址。
如果您沒有儲存地址資料，也不想儲存，可以使用「自動填入」面板提供的測試地址資料。
開啟自動填入資料面板
根據預設，如果開發人員工具已開啟，且您在網站上自動填入表單，系統就會自動開啟「自動填入」面板。如要關閉這項功能，請手動開啟面板，然後取消勾選 自動開啟這個面板核取方塊。
如要手動開啟「自動填入」面板，請按照下列步驟操作：
- 開啟開發人員工具。
按下以下任一組合鍵，開啟指令選單：
- macOS：Command + Shift + P 鍵
- Windows、Linux 和 ChromeOS：Control + Shift + P 鍵
開始輸入
autofill並選取「顯示自動填入功能」，然後按下 Enter 鍵。開發人員工具預設會在開發人員工具視窗底部的抽屜中開啟面板。您也可以將其移至頂端。
或者，您也可以透過下列方式開啟「自動填入」面板：
- 在頂端的操作列中，按一下「更多面板」，然後在下拉式清單中選取「自動填入」。
- 依序選取右上角的「more_vert」「自訂及控制開發人員工具」 >「更多工具」 >「自動填入」。
檢查自動填入資料
如要檢查自動填入資料，請按照下列步驟操作：
- 請確認自動填入功能已開啟，且已在 Chrome 中儲存地址資訊。或者，您也可以使用測試地址資料，詳情請參閱下一節。
- 開啟開發人員工具 (例如這個示範頁面)。
- 在示範頁面的地址網頁表單中，將焦點放在表單欄位上。Chrome 會顯示下拉式選單，其中提供自動填入資料選項。
- 選取選單中的選項。如果自動開啟，自動填入功能會使用儲存的資料填寫表單，而 DevTools 會開啟自動填入面板。否則，請手動開啟「自動填入」面板。
使用測試專用的地址資料
如果您沒有儲存地址資料，也不想儲存，可以使用「自動填入」面板提供的測試資料。
如何使用測試資料：
- 開啟「自動填入」面板，然後開啟面板頂端的「在自動填入選單中顯示測試位址資料」。
- 在網頁上找到地址表單後，在上面按一下滑鼠右鍵，然後從「開發人員工具」選單中選取其中一個選項。
資料及其對應
「自動填入」面板會顯示自動填入功能在表單欄位中插入的資料，以及下列項目之間的對應關係表格：
- 在網頁上偵測到表單欄位。
- 預測的自動填入值，由「自動填入」功能使用經驗法則判斷。
- 值 (如果有)，自動填入功能插入已辨識欄位的值。
