Javascript中的非中断断点(跟踪点)?
这是一个相当复杂的问题,可能根本不可能用现有的方法解决,但如果有一种简单的方法,它将是巨大的 我正在Chrome中调试一些JavaScript,因为它非常受事件驱动,所以我更喜欢获取代码的跟踪报告(调用的内容等),而不是断点。因此,无论我在哪里留下断点,我都希望看到本地函数名和参数 我能得到的最接近的方法是在中放置一个条件断点,如下所示: 这种方法有两大问题:Javascript中的非中断断点(跟踪点)?,javascript,debugging,google-chrome,trace,google-chrome-devtools,Javascript,Debugging,Google Chrome,Trace,Google Chrome Devtools,这是一个相当复杂的问题,可能根本不可能用现有的方法解决,但如果有一种简单的方法,它将是巨大的 我正在Chrome中调试一些JavaScript,因为它非常受事件驱动,所以我更喜欢获取代码的跟踪报告(调用的内容等),而不是断点。因此,无论我在哪里留下断点,我都希望看到本地函数名和参数 我能得到的最接近的方法是在中放置一个条件断点,如下所示: 这种方法有两大问题: 将其粘贴到每个断点中太麻烦了。如果可以选择它作为每个断点的默认操作,人们将更有可能使用它 在Google Chrome中,日志调用会被
有没有办法克服这两个问题?我认为这在IE中是可能的,但那里的UI似乎同样麻烦。我发现最好的选择是在Chrome的javascript面板中编辑javascript代码,添加一个console.log 它只有在页面加载后才能工作(除非您能够在刷新后设置断点,然后添加日志行),而且(更糟糕的是)每次重新加载页面时都必须这样做
祝你搜索好运 我找不到做这件事的方法,所以我 现在,我不再不断地插入和删除console.log调用,而是离开登录状态,只在必要时观察它 警告:下面的特定代码未经测试。
var debug = TraceJS.GetLogger("debug", "mousemove");
$('div').mousemove(function(evt) {
debug(this.id, evt);
});
每次鼠标移动到DIV上时,它都会生成一个标记为[“mousemove”{id of the element}]的logevent
有趣的是能够有选择地观看活动。如果只想查看元素#a的mousemove事件,请在控制台中调用以下命令:
TraceJS('a');
当我想查看所有mousemove事件时,您可以调用:
TraceJS('mousemove');
仅显示与筛选器匹配的事件。如果调用TraceJS(无参数),日志调用将停止显示。IE11现在具有独立于Visual Studio的“跟踪点”。他们完全按照你三年前的要求做。我还没有在Chrome或其他浏览器中看到它们,但希望它们很快就会流行起来 如果您只是为了跟踪DOM事件而需要它,那么可以尝试使用控制台的方法。通过监视错误,您可以走得很远,但它没有我需要的细粒度过滤。酷!实际上,我喜欢我现在设置的库,因为我可以随时保留跟踪点,并根据需要打开和关闭它们。我猜就是这样。