chrome调试器 如何在某对象变化时打断?

有时在chrome调试器上调试js时, 我们会想监听某个变量的变化, 或者某个对象属性的变化, 在值发生改变时打断

通过这个插件可以实现: break-on-access

在chrome调试器里 sources --> snippets --> new snippet, 然后粘贴 break-on-access.js 里的代码并保存, 右键点run运行

使用:

运行后, 在console里可以简单测试下, 

foo = 3
breakOn(window,'foo')
foo = 4

会发现foo值被改变时被打断, 这样就可以很方便的知道js代码里哪里引起了某个对象属性的改变