当前位置：文江博客话题详情

在 Javascript 中以编程方式控制断点？

发布于 2024-10-21 06:39:37 字数 81 浏览 6 评论 0原文

是否可以在任何浏览器中使用任何插件以编程方式启用或禁用代码中的断点？

我已经知道如何设置条件断点，但我真的对通过代码设置它们感兴趣。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苏璃陌 2024-10-28 06:39:37

首先，您可以添加对 __checkDebug(); 之类的函数的调用；它将检查全局（或半全局）变量，当所述变量为真时，调用调试器。

  
function __checkDebug() {
   if (debugme) debugger;
}

您关心调试的所有函数都会像这样：

  
function foo() {
   __checkDebug();

   //.... whatever foo was gonna do.
}

然后，您可以更进一步，在代码执行时动态装饰函数，如下所示：


Function.prototype.debug = function(){   
   var fn = this; 
   return function(){     
       if (debugme) debugger; 
       return fn.apply(this, arguments);     
   }; 
}; 

foo = foo.debug();

现在，任何时候调用 foo ，如果 debugme 变量都将调用调试器是真的。

另一种选择是构建一个 javascript 构建系统，在每个函数声明后注入调用 - 这需要一个语法解析器，但如果您只想修改函数，那么针对该用例编写一个简单的标记器非常容易 - 但我'这由你决定。

First you could add a call to a function like __checkDebug(); which will check for a global (or semi-global) variable and when said variable is true, call debugger.

  
function __checkDebug() {
   if (debugme) debugger;
}

all of your functions you're concerned about debugging would be like so:

  
function foo() {
   __checkDebug();

   //.... whatever foo was gonna do.
}

You can then take it a little further and dynamically decorate functions while the code is being executed like so:


Function.prototype.debug = function(){   
   var fn = this; 
   return function(){     
       if (debugme) debugger; 
       return fn.apply(this, arguments);     
   }; 
}; 

foo = foo.debug();

now any time foo is called it will call debugger if the debugme variable is truthy.

Another option would be to build a javascript build system that injects the call after every function declaration - this requires a syntax parser but if you're only looking to modify functions a simple tokenizer for that use case is pretty easy to write - but I'll leave that up to you.

回复收藏 0 原文