如何针对某视频网站写 js 监测用户一旦按 F12 就循环 setTimeout debug?

该网站对于B站1080P视频写了js反调试，对于带广告的720P视频则没有js反调试。 我把js代码贴出来。fuck-debugger.js

/**
 * 检测到调试时进行的操作
 */
let onDebug = function () {
    document.write('检测到非法调试！请停止调试后刷新本页面！');
};

/**
 * 通过 debugger 时间检测
 *
 * 突破方法：禁用 debugger
 */
setInterval(function () {
    setTimeout(function () {
        let st, et;
        st = new Date().getTime();
        debugger;
        et = new Date().getTime();
        if ((et - st) > 1000) {
            onDebug();
        }
    }, 0);
}, 1000);



/**
 * 监控 F12的按下
 *
 * 没啥用，还有禁止右键菜单，更加没啥用
 */
document.onkeydown = document.onkeyup = document.onkeypress = function (event) {
    const e = event || window.event || arguments.callee.caller.arguments[0];

    if (e && e.keyCode == 123) {
        onDebug();
    }
};


/**
 * 当dom被发送至控制台时(例如console.log)
 * 浏览器会自动通过该dom的getter()获取该 dom 的id
 * 所以我们可以创建一个dom，然后发送到控制台，并且重定义其getter()
 *
 * 缺点：这招对火狐没用
 */
let div = document.createElement('div');
Object.defineProperty(div, "id", {
    get: () => {
        clearInterval(loop);
        onDebug();
    }
});
let loop = setInterval(() => {
    setTimeout(() => {
        console.log(div);
        console.clear();
    }, 0);
}, 1000);

/**
 * 上面那个方法支持谷歌而不支持火狐
 * 这次来个支持火狐不支持谷歌的
 */
let firefox_test = /./;
firefox_test.toString = function () {
    onDebug();
}

if (navigator.userAgent.match('/firefox/')) {
    /**
     * 对于火狐：若开发者工具开启，则下面这行代码会触发 firefox_test.toString，否则反之
     * 对于谷歌：无论是否开启开发者工具，都会触发
     */
    console.log(firefox_test);
}


/*调试相关的函数重定义*/
window['console']['log'] = function () {
};

/*
还有其他检测方法：
    调用链检测
    代理对象（自己暂时没学）
不过上面这两种并不可以简单调用的，所以这里没写
*/