【防浏览器调试模式】And 防【防浏览器调试模式】

发表于 更新于 分类于 阅读次数：

防浏览器调试模式

代码

/*!
 * source: https://github.com/sindresorhus/devtools-detect
 * Abbey改写
 * MIT License
 * */
(function () {
    'use strict';
    var devtools = {
        open: false,
        orientation: null
    };
    var threshold = 160;
    var emitEvent = function (state, orientation) {
        window.dispatchEvent(new CustomEvent('devtoolschange', {
            detail: {
                open: state,
                orientation: orientation
            }
        }));
    };
    setInterval(function () {
        var widthThreshold = window.outerWidth - window.innerWidth > threshold;
        var heightThreshold = window.outerHeight - window.innerHeight > threshold;
        var orientation = widthThreshold ? 'vertical' : 'horizontal';
        if (!(heightThreshold && widthThreshold) && ((window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized) ||
            widthThreshold || heightThreshold)) {
            if (!devtools.open || devtools.orientation !== orientation) {
                emitEvent(true, orientation);
            }
            devtools.open = true;
            devtools.orientation = orientation;
        } else {
            if (devtools.open) {
                emitEvent(false, null);
            }
            devtools.open = false;
            devtools.orientation = null;
        }
    }, 500);
    if (typeof module !== 'undefined' && module.exports) {
        module.exports = devtools;
    } else {
        window.devtools = devtools;
    }
})();

window.addEventListener('devtoolschange', function (e) {
     if (e.detail.open){
        debugger;
        window.stop();
     }
     else{
     window.location.reload();
     }
});

代码地址：https://gist.github.com/abbeyokgo/afd489368aaf8bee4a694c94b3985a5f

  1. 检测浏览器是否处于调试模式，如果是，则暂停加载内容；
  2. 调试模式->非调试模式，则自动重新加载页面
  3. 防君子不防小人，fiddler一样可以调试

防【防浏览器调试模式】

打开Devtool之后，页面显示Paused in debugger。

  1. 点击Source选项卡，下图的1。
  2. 按Ctrl+F8，开启Deactive breakpoints，也就是禁用断点调试，也可以点击下图中的2，使其变蓝。
  3. 按F8即可。也可以点击下图中的3。

防【防浏览器调试模式】

参考链接