首页 > 建站教程 > JS、jQ、TS >  无限debbugger不会真正得死循环,而是有规律得执行逻辑,一般用定时器正文

无限debbugger不会真正得死循环,而是有规律得执行逻辑,一般用定时器

一、种类划分

1.1 按照代码逻辑

1.1.1 无限循环

while 循环

for 循环


1.1.2 递归

包含debugger 的函数调用自身


1.1.3 方法间的循环调用


1.1.4 计时器

JS中的定时器 是setInterval,参数:第一个参数是要定时执行的代码,第二个参数是时间。

下面的代码就是利用定时器来实现debugger操作:

var ss = document.getElementById('box')
function ff() {
   debugger;
}
setInterval(ff,100);

js debugger

可以看见调试时会断在这,同时点击继续执行脚本时会一直断在这里,这里就实现了无限dubugger


1.2、代码是否混淆

1.2.1 不混淆

直接使用明文代码,不进行混淆处理

比如上面的举例使用的明文代码,未进行混淆处理。

debugger

1.2.2 可以混淆(可轻度混淆)

即eval配合debugger

eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。 如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。

eval(debugger;)

1.2.3 可以重度混淆

这里可以对constructor、debugger 、call 、apply 、action 等关键字进行混淆,增加调试的困难

Function("debugger;").call()/apply()
// 或者
variable = Function("debugger;")
variable();
xxx.constructor("debugger").call("action")
Fuction.constructor("debugger").call("action")
(function(){return !![];}["constructor"]("debugger")["call"]("action"))
['constructor']('debugger')['call']('action') : function() {return ![];}


二、绕过debugger方法

2.1 取消所有的断点

如图所示,但这样操作的弊端就是,其他所需要的断点均不能使用

js debugger


2.2  使用一律不在此处暂停

在 JS 代码 debugger 行数位置,鼠标右键点击一律不在此处暂停 ,对应行前面会添加一个橙色的断点标志

js debugger


2.3 添加条件断点

在 JS 代码 debugger 行数位置,鼠标右键添加 条件断点,其中条件 设为 false 

js debugger


2.4 置空

无限debugger产生的原因ff`这个函数造成的,所以我们可以重写这个函数,使无限debugger失效

注意:一定要在debugger进入之前


2.4.1 执行函数置空

js debugger


2.4.2 定时器置空

js debugger


2.5  修改响应文件

把JS文件保存到本地修改,修改范围主要是将debugger相关的代码删除或者改写,可以使用文件替换、抓包工具拦截方式

js debugger