如何在chrome中動態創建表達式的斷點？

Question

假設我在生產中有一些代碼。我想測試一個大項目列表中的特定項目是否有一些行爲。與debugger陳述開發一種實現方法是這樣的：

items.forEach(function(item){ 
    // some code... 

    if (item.title.match(/foo/)) { 
    debugger; 
    } 

    // some more code... 
}); 

與該代碼，你把斷點在列表中，只有當列表項一些表達式匹配。這樣可以很容易地只調試那個可能有一些不明確的錯誤的項目。如果你只是試着通過點擊這條線來放置一個斷點，那麼它會暫停在列表中的每一個項目，所以你必須在100個項目中穿過，然後到達那裏，這是非常乏味的。

以上問題的一個問題是，它需要您具備編輯客戶端JavaScript的能力，這是您在生產中無法真正實現的。

所以問題是，你能完成同樣的事情，但純粹使用Chrome Web Inspector？可能與「觀看錶情」有關（在谷歌上沒有發現關於這些的更多信息）。理想的做法是，從Chrome Web檢查中，添加喜歡的表達式：

breakpoint: 
    line: 17 
    file: build.js 
    expression: item.title.match(/foo/) 

Answer 1

，你會得到這個沒有進入Chrome的chrome.debugger API的最接近的是conditional breakpoints。

如果你真的想以編程方式做到這一點，看看chrome.debugger.sendCommand與Debugger.setBreakpoint命令。