[javascript]巧用sourcemap快速定位javascript中的問題


大家都有過用-min.js開發的經歷,但這樣的腳本調試非常頭疼。如果使用為壓縮版的,上線前又要去壓縮,sourcemap的出現完美解決了這一問題。

即便是chrome提供了格式化代碼但閱讀壓縮后的代碼環視很吃力的。

 

以angularjs為例,談談sourcemap的使用。

我的文件夾結構如下:

由於google經常被牆所以建議把angular.js angular.min.js angular.min.js.map都下載到本地。

並且修改angular.min.js中sourcemap的配置,指向本地map文件。

 

//# sourceMappingURL=angular.min.js.map

 

 

html代碼如下:

 

 

如果開發過程中出現錯誤,就可以很容易定位到源碼位置,找出問題原因。

未使用surcemap

 

使用sourcemap

 

 

目前很多類庫都提供了sourcemap的支持。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM