用 chrome devtool 调试 js 代码能设置 conditional break point 吗？

[pinkman]

首先，我知道在devtool中，选中某个js文件，在行数那里点击右键能够有‘add conditional breakpoint’的选项出来，但和我的需求有点差异。

我的场景是没有具体某个js文件，在当前项目在浏览器加载的时候，有一个sTemplateName的变量，每当这个变量被赋值（或者是第一次被赋值）的时候，break在那个位置，就像是写了个debugger在那里一样，不知道有没有可能，求助大牛！

[bigfei]

这个chrome devtool里没有，但可以试试这个：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe

[DaniloSam]

chrome devtool 是有这功能滴，引入一个叫 debugger 的东西

按你的需求可以这么写，判断所需要判断的变量，然后走该走的分支就行了啊：

<script>
var sTemplateName = false;

if (sTemplateName) {
debugger;
} else {
console.log('yeah!');
sTemplateName = true;
}

setTimeout(function () {
if (sTemplateName) {
debugger;
} else {
console.log('yeah!');
}
}, 1000);
</script>