自動填入:檢查已儲存的地址並進行偵錯
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
使用「自動填入」面板檢查儲存在 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」欄位 (如果有的話)。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-04-16 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-04-16 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-04-16 (世界標準時間)。"]]