JavaScript中用户定义对象属性的断点

javascript中用户定义对象属性的断点

你好

是否有任何JavaScript调试工具或插件可以帮助设置断点 用户定义的对象属性

例如：

我有一个JavaScript对象文本

变量文本框={
颜色：“灰色”，
尺寸：“100px”，
边界：对
}

这是我做修改的代码

函数foo（）{
文本框[“颜色”]=“蓝色”；
}

我正在寻找在TextBox.color上设置断点，以便在修改属性时可以找到断点 谁在做修改，或者哪个功能在做修改

它也应该在

TextBox.color=null；
或
删除TextBox.color；

firebug或chrome开发者工具中是否已有此功能

我已经看到了html元素删除、属性修改的断点 但不适用于用户定义的对象属性

---

谢谢。

看看一些浏览器支持的神奇的getter和setter：

您应该能够定义一个setter并在其中放置一个断点

---

出于兼容性原因，最好将这些代码保留在生产代码之外，但它们是调试某些问题的唯一实用方法。

请使用以下内容：

(function() {
    var obj=TextBox; var realValue = obj.color; 
    Object.defineProperty(obj, 'color', { 
        set: function(newValue) { debugger; realValue = newValue; },
        get: function() { debugger; return realValue; } 
    });
})();

只需在浏览器控制台中运行它