原始碼對應可讓您在合併及縮減程式碼後,仍能保持程式碼可讀及可偵錯,且不會影響效能。
使用各種轉譯器、縮減器和套件組合器時,您部署的程式碼會與您撰寫的程式碼不同。為了改善網路效能,這些工具會將程式碼壓縮為單行,移除不必要的字元,並縮短變數。
許多工具都能產生原始碼對應表,以便搭配程式碼使用。
Chrome 開發人員工具會讀取已部署的程式碼和原始碼對照圖,讓您照常對程式碼進行偵錯,甚至可以使用中斷點。
如要進一步瞭解來源對應的運作方式,請查看來源對應視覺化工具。
此外,來源對應檔案可以有擴充功能。如果您建構工具和架構,請考慮支援這些工具和架構。請參閱這份個案研究:使用開發人員工具改善 Angular 偵錯功能,開發人員工具團隊和 Angular 支援 x_google_ignoreList
擴充功能,進而改善開發人員工具中的偵錯體驗。
如需更多資訊,請參閱: