前言

朋友给了我一个网站，他说这个网站的debug检测有点东西，于是我准备研究一下

网址：aHR0cHM6Ly93d3cuYXFpc3R1ZHkuY24vaGlzdG9yeWRhdGEvZGF5ZGF0YS5waHA/Y2l0eT0lRTYlOUQlQUQlRTUlQjclOUUmbW9udGg9MjAyMTA5 （请不要问我什么东西，懂的都懂）

分析

打开网站，只能给一部分了，看出来的就懂，看不出来的也不要问我是啥

打开确实是正常显示哈，好，我们按右键，打开控制台看看，当我按鼠标右键的时候：

牛逼啊，有按键检测

那直接按f12吧：

有点意思哈，f12也被警用了

那行，我在打开这个网站之前就把浏览器调试工具按住来了,把地址放上去，回车：

网站数据页面本来有展示，但是在一瞬间突然变成如下页面：

然后还出来了个这个：

根据常规经验，鼠标放到这一行，右键，然后选择：

 然后再按右边的断点继续键：

现在网页变成这样：

回车刷新页面，看到有数据页面，但是一瞬间又变回刚才那个检测页面：

是哪里的问题呢？直接搜相关的字段：

 找到这个js文件：

源码：

var debugflag = false;
document.onkeydown = function() {
    if ((e.ctrlKey) && (e.keyCode == 83)) {
        alert("检测到非法调试，CTRL + S被管理员禁用");
        return false
    }
}
;
document.onkeydown = function() {
    var e = window.event || arguments[0];
    if (e.keyCode == 123) {
        alert("检测到非法调试，F12被管理员禁用");
        return false
    }
}
;
document.oncontextmenu = function() {
    alert('检测到非法调试，右键被管理员禁用');
    return false
}
;
!function() {
    if (window.outerWidth - window.innerWidth > 210 || window.outerHeight - window.innerHeight > 210) {
        $('#body').html('检测到非法调试, 请关闭调试终端后刷新本页面重试!<br/>Welcome for People, Not Welcome for Machine!<br/>');
        debugflag = true
    }
    let handler = setInterval(()=>{
        if (window.outerWidth - window.innerWidth > 210 || window.outerHeight - window.innerHeight > 210) {
            $('#body').html('检测到非法调试, 请关闭调试终端后刷新本页面重试!<br/>Welcome for People, Not Welcome for Machine!<br/>');
            debugflag = true
        }
        let before = new Date();
        (function() {}
        ["constructor"]("debugger")());
        let after = new Date();
        let cost = after.getTime() - before.getTime();
        if (cost > 50) {
            debugflag = true;
            try {
                $('#body').html('检测到非法调试, 请关闭调试终端后刷新本页面重试!<br/>Welcome for People, Not Welcome for Machine!<br/>');
                document.write('检测到非法调试, 请关闭调试终端后刷新本页面重试!<br/>');
                document.write("Welcome for People, Not Welcome for Machine!<br/>")
            } catch (err) {
                alert('检测到非法调试, 请关闭调试终端后刷新本页面重试!')
            }
        }
    }
    , 2000)
}();

有点意思哈

一段一段的看，先看这一段

意思就是防止整个页面被保存到本地，所以禁用了ctrl+s键

再看第二段：

首先keyCode这个对于前端的老哥来说就很熟悉了，可以这么说，你键盘的所有按键，js都是有对应的数字编码的，123刚好就是f12i键的编码，这里的意思就是禁用f12，防止你打开调试窗口调试该网站接口

键盘编码表：

/* 键盘编码列表 
    8: BackSpace BackSpace            79: o O                          133: F22
    9: Tab Tab                        80: p P                          134: F23
    12: Clear                         81: q Q at                       135: F24
    13: Enter                         82: r R                          136: Num_Lock
    16: Shift_L                       83: s S                          137: Scroll_Lock
    17: Control_L                     84: t T                          187: acute grave
    18: Alt_L                         85: u U                          188: comma semicolon
    19: Pause                         86: v V                          189: minus underscore
    20: Caps_Lock                     87: w W                          190: period colon
    27: Escape Escape                 88: x X                          192: numbersign apostrophe
    32: space                         89: y Y                          210: plusminus hyphen macron
    33: Prior                         90: z Z                          211:
    34: Next                          96: KP_0 KP_0                    212: copyright registered
    35: End                           97: KP_1 KP_1                    213: guillemotleft guillemotright
    36: Home                          98: KP_2 KP_2                    214: masculine ordfeminine
    37: Left                          99: KP_3 KP_3                    215: ae AE
    38: Up                            100: KP_4 KP_4                   216: cent yen
    39: Right                         101: KP_5 KP_5                   217: questiondown exclamdown
    40: Down                          102: KP_6 KP_6                   218: onequarter onehalf threequarters
    41: Select                        103: KP_7 KP_7                   220: less greater bar
    42: Print                         104: KP_8 KP_8                   221: plus asterisk asciitilde
    43: Execute                       105: KP_9 KP_9                   227: multiply division
    45: Insert                        106: KP_Multiply KP_Multiply     228: acircumflex Acircumflex
    46: Delete                        107: KP_Add KP_Add               229: ecircumflex Ecircumflex
    47: Help                          108: KP_Separator KP_Separator   230: icircumflex Icircumflex
    48: 0 equal braceright            109: KP_Subtract KP_Subtract     231: ocircumflex Ocircumflex
    49: 1 exclam onesuperior          110: KP_Decimal KP_Decimal       232: ucircumflex Ucircumflex
    50: 2 quotedbl twosuperior        111: KP_Divide KP_Divide         233: ntilde Ntilde
    51: 3 section threesuperior       112: F1                          234: yacute Yacute
    52: 4 dollar                      113: F2                          235: oslash Ooblique
    53: 5 percent                     114: F3                          236: aring Aring
    54: 6 ampersand                   115: F4                          237: ccedilla Ccedilla
    55: 7 slash braceleft             116: F5                          238: thorn THORN
    56: 8 parenleft bracketleft       117: F6                          239: eth ETH
    57: 9 parenright bracketright     118: F7                          240: diaeresis cedilla currency
    65: a A                           119: F8                          241: agrave Agrave atilde Atilde
    66: b B                           120: F9                          242: egrave Egrave
    67: c C                           121: F10                         243: igrave Igrave
    68: d D                           122: F11                         244: ograve Ograve otilde Otilde
    69: e E EuroSign                  123: F12                         245: ugrave Ugrave
    70: f F                           124: F13                         246: adiaeresis Adiaeresis
    71: g G                           125: F14                         247: ediaeresis Ediaeresis
    72: h H                           126: F15                         248: idiaeresis Idiaeresis
    73: i I                           127: F16                         249: odiaeresis Odiaeresis
    74: j J                           128: F17                         250: udiaeresis Udiaeresis
    75: k K                           129: F18                         251: ssharp question backslash
    76: l L                           130: F19                         252: asciicircum degree
    77: m M mu                        131: F20                         253: 3 sterling
    78: n N                           132: F21                         254: Mode_switch
    */

再接着看这一段：

这个，说白了，鼠标的左键，右键，中键也是可以被js检测到的，所以，当检测你按了鼠标右键，也不让用，怕你按右键-检查 也进行调试

再看下面这一段：

 这里就是检测你的电脑的实际宽度和高度分别跟浏览器显示宽度和高度相减，如果大于210，那说明你开了调试工具，什么意思，看下图：

第一个大框，你姑且认为我画的就是最外层的显示宽度和高度，内层的大框，姑且任务就是浏览器显示的实际宽度和高度，因为这个截图工具，不太好控制边距，各位老哥将就看了，所以，你看到就是这样，而比较明显的就是，电脑实际高度跟浏览器显示高度相肯定大于210了，所以它就觉得你肯定开了调试工具，所以也显示那个提示

再看最后一段：

 这段的意思就是，先记录一个时间before，然后启动debugger，此时就是上面我们已经跳过debugger那里，然后再生成一个时间after，用这两个时间相减，如果大于50，它就任务你还是在尝试调试，所以仍然出现同样的提示

整段代码就是这样，那么它既然检测那么多，那这样，我们打开调试窗口之后，点这个：

让调试窗口作为一个单独页面窗口，就可以规避掉上面的好多层检测，同时刚才的never pasue here也继续保持，刷新页面：

网址终于正常显示，然后就可以进行下面的接口分析了

而其实，你还有很多方法，比如直接hook，把里面那个debugflag改为false之类的，或者直接在控制台改制，或者用浏览器插件控制改值，或者用reres插件直接把相关的js替换了，方法很多，这里就不一一展示了

结语

很简单对吧，所以还是得学学js，能看懂js代码，你才能真的做js逆向