開發人員工具提示:什麼是來源對應?
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
原始碼對應可讓您在合併及縮減程式碼後,仍能保持程式碼可讀及可偵錯,且不會影響效能。
使用各種轉譯器、縮減器和套件組合器時,您部署的程式碼會與您撰寫的程式碼不同。為了改善網路效能,這些工具會將程式碼壓縮為單行,移除不必要的字元,並縮短變數。

許多工具都能產生原始碼對應表,以便搭配程式碼使用。

Chrome 開發人員工具會讀取已部署的程式碼和原始碼對照圖,讓您照常對程式碼進行偵錯,甚至可以使用中斷點。

如要進一步瞭解來源對應的運作方式,請查看來源對應視覺化工具。
此外,來源對應檔案可以有擴充功能。如果您建構工具和架構,請考慮支援這些工具和架構。請參閱這份個案研究:使用開發人員工具改善 Angular 偵錯功能,開發人員工具團隊和 Angular 支援 x_google_ignoreList
擴充功能,進而改善開發人員工具中的偵錯體驗。
如需更多資訊,請參閱:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-03-31 (世界標準時間)。
[[["容易理解","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"]],["上次更新時間:2023-03-31 (世界標準時間)。"],[],[]]