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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3532 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

赋值

devtool

变量

2 条回复 • 2015-03-27 12:18:27 +08:00

bigfei

2015-03-27 11:03:38 +08:00

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

DaniloSam

2015-03-27 12:18:27 +08:00

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>