開發人員工具提示:什麼是來源對應?

Sofia Emelianova
Sofia Emelianova

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

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

經過壓縮的程式碼和原始程式碼。

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

來源對應。

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

在已編寫的來源檔案中使用開發人員工具中的中斷點。

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

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

詳情請參閱: