開發人員工具提示：什麼是來源對應？

Sofia Emelianova

來源對應可讓您在整合及壓縮程式碼後，確保程式碼可供讀取及偵錯，且不會影響效能。

當您使用各種轉譯器、壓縮器和整合器時，部署的程式碼會與撰寫的程式碼不同。為提高網路效能，這些工具會將程式碼壓縮為單行、移除不必要的字元，以及縮短變數。

許多工具皆可產生與程式碼搭配使用的來源對應。

Chrome 開發人員工具會讀取已部署的程式碼和來源對應，並可讓您照常對程式碼進行偵錯，即使使用中斷點也一樣。

如要進一步瞭解來源對應的運作方式，請參閱來源地圖視覺化工具。

此外，來源對應可以包含擴充功能。如果您打造了工具和架構，請考慮提供支援。請參閱這篇個案研究：使用開發人員工具改善 Angular 偵錯，其中開發人員工具團隊和 Angular 支援 x_google_ignoreList 擴充功能，改善開發人員工具中的偵錯體驗。

詳情請參閱：

• JavaScript 來源地圖簡介
• 什麼是來源對應？
• 對原始程式碼偵錯，而非透過來源對應部署