Chrome 的幾個輔助 debug 的功能

摘要:Chrome 的幾個不錯的觀測功能

觀察網頁的記憶體變化 : 

正常的狀況下 , 記憶體的配置會在一段時間後下降

 

 

 

Source Map  功能 : 

可以將縮小化的 js code 復原的模式

 

原本在 console 看到的 js : 

 

 

經過復原之後的 js :  按下左下角的 { }  按鈕

 

 

 

參考資源:

JavaScript Source Map 详解

歐萊禮 , 可測試的 Javascript

 

若有讀者看不到上面的圖片可點擊下面連結:

http://imageshack.com/a/img838/2003/p545.jpg

http://imageshack.com/a/img838/1463/46dfy.jpg

http://imageshack.com/a/img841/1063/osoh4.jpg