開發人員工具提示:什麼是來源對應?
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
來源對應可讓您即使在合併及壓縮程式碼後,仍能讀取及偵錯程式碼,且不影響效能。
使用各種轉譯器、壓縮器和整合器時,您部署的程式碼與您編寫的程式碼不同。為提升網路效能,這些工具會將程式碼壓縮成單行、移除不必要的字元並縮短變數。
許多工具可以產生與程式碼搭配的來源對應。
Chrome 開發人員工具會讀取已部署的程式碼和來源對應,可讓您照常對程式碼進行偵錯,即使有中斷點也沒問題。
如要進一步瞭解來源地圖的運作方式,請參閱來源地圖視覺化工具。
此外,來源對應可以使用擴充功能。如果您建立了工具和架構,請考慮支援這些工具。請參閱個案研究:使用開發人員工具改善 Angular 偵錯功能,DevTools 團隊和 Angular 藉由支援 x_google_ignoreList
擴充功能,改善了開發人員工具的偵錯體驗。
詳情請參閱:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-03-31 (世界標準時間)。
[{
"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":"其他"
}]