文章同步分享於 堡政島
http://www.dotblogs.com.tw/holmes2136/Default.aspx
有時候我們在 Debug js 時 , 都會希望直接修改線上的 js 而非修改原始碼 ,

然後還要重新整理 , 還得再去看看我們剛才所改的 Code 能否 work ,

Chrome 提供了一個 Live Editing 功能提供線上更改 js , 不過不支援 inline js 的樣子

Step 1 : 引用 jquery 並且加入一個 test.js , 並在裡面輸入如下程式碼 :

$(function () {
    alert(1);
    alert(2);
    alert(3);
});

Step 2 : 設定斷點在 alert(1) 的部份 , 讓程式直接中斷在這裡

Step3 : 這時候我們直接把 alert(2) 註解掉

Step 4 : 按下 Ctrl + S 儲存 , 這時候整個 js 會變成紅色

Step 5 : 這時候繼續讓斷點執行下去就會發現他並不會執行 alert(2) 嚕

參考資源 : Chrome DevTools Debugging JavaScript