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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4065 days ago, the information mentioned may be changed or developed.

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

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

赋值

devtool

变量

2 replies • 2015-03-27 12:18:27 +08:00

bigfei

Mar 27, 2015

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

DaniloSam

Mar 27, 2015

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>