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

Sofia Emelianova
Sofia Emelianova

原始碼對應可讓您在合併及縮減程式碼後,仍能保持程式碼可讀及可偵錯,且不會影響效能。

使用各種轉譯器、縮減器和套件組合器時,您部署的程式碼會與您撰寫的程式碼不同。為了改善網路效能,這些工具會將程式碼壓縮為單行,移除不必要的字元,並縮短變數。

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

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

來源對應。

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

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

如要進一步瞭解來源對應的運作方式,請查看來源對應視覺化工具

此外,來源對應檔案可以有擴充功能。如果您建構工具和架構,請考慮支援這些工具和架構。請參閱這份個案研究:使用開發人員工具改善 Angular 偵錯功能,開發人員工具團隊和 Angular 支援 x_google_ignoreList 擴充功能,進而改善開發人員工具中的偵錯體驗。

如需更多資訊,請參閱: