來源對應可讓您在整合及壓縮程式碼後,確保程式碼可供讀取及偵錯,且不會影響效能。
當您使用各種轉譯器、壓縮器和整合器時,部署的程式碼會與撰寫的程式碼不同。為提高網路效能,這些工具會將程式碼壓縮為單行、移除不必要的字元,以及縮短變數。
許多工具皆可產生與程式碼搭配使用的來源對應。
Chrome 開發人員工具會讀取已部署的程式碼和來源對應,並可讓您照常對程式碼進行偵錯,即使使用中斷點也一樣。
如要進一步瞭解來源對應的運作方式,請參閱來源地圖視覺化工具。
此外,來源對應可以包含擴充功能。如果您打造了工具和架構,請考慮提供支援。請參閱這篇個案研究:使用開發人員工具改善 Angular 偵錯,其中開發人員工具團隊和 Angular 支援 x_google_ignoreList
擴充功能,改善開發人員工具中的偵錯體驗。
詳情請參閱: