Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.

Основная цель — не дать другим отладить код, отключив открытие консоли.

1. Отключите щелчок правой кнопкой мыши для просмотра исходного кода и F12.

//Отключаем события клавиатуры F12
document.addEventListener('keydown', function(event){
   return 123 != event.keyCode || (event.returnValue = false)
});
//Отключаем правый клик, выделение, копировать
document.addEventListener(‘'contextmenu'’, function(event){
   return event.returnValue = false
})

Руководство по успешной активации:Вы также можете открыть консоль с помощью инструментов разработчика в меню браузера.

2. Отслеживайте консоль через изменение ширины страницы.

Мониторинг изменения ширины и высоты просмотра в основном отслеживает ширину и высоту видимой области браузера: window.innerWidth/window.innerHeight (полоса прокрутки и область содержимого), а также ширину и высоту браузера: window.outerWidth/window.outerHeight (добавляется на основе внутренней Разница между шириной и высотой верхней панели инструментов).

Поскольку мы не знаем, включил ли браузер панель инструментов, а также ширину и высоту панели инструментов, мы устанавливаем пороговое значение, например 200. Если значение «внешнее – внутреннее» больше 200, мы считаем, что консоль включена.

function resize(){
    var threshold = 200;
    var widthThreshold = window.outerWidth - window.innerWidth > threshold;
    var heightThreshold = window.outerHeight - window.innerHeight > threshold;
    if(widthThreshold || heightThreshold){
        console.log('Консоль открыта')
    }
}
window.addEventListener('resize', resize);
resize()

О размере окна обнаружения,Кто-то написал библиотеку специально для этого：https://github.com/sindresorh…,Желающие могут посмотреть.

Руководство по успешной активации:Недостатки мониторинга изменений ширины и высоты браузера очевидны.,Потому что этот вид мониторинга можно использовать только при встроенной консоли.,Но многие браузеры поддерживают независимые оконные консоли.

3. Используйте функцию консоли, чтобы переписать объект в String.

Для некоторых браузеров, если вывод консоли является объектом, ссылка на объект сохраняется при каждом открытии консоли, если тип объекта — функция, дата и т. д. (раньше было регулярное выражение, но теперь оно недействительно). ), он будет вызван снова. Метод toString() объекта выводит возвращаемый результат на консоль.

Протестировано: 1) Сначала объявите объект, затем перепишите toString и, наконец, распечатайте объект. Затем toString сначала запустится еще раз, поэтому вы можете использовать счетчик, чтобы определить, в какое время он действителен. 2) Сначала объявите объект, затем распечатайте его и, наконец, перепишите toString. Если во время инициализации консоль включена, состояние на этот раз не будет обнаружено. 3) Сначала объявите объект, затем перепишите toString и, наконец, распечатайте объект, но объект не используется в качестве первого параметра. В это время вы можете успешно отслеживать каждое состояние консоли. 4), console.log, console.info, console.error и т. д. действительны. 5), действителен только в браузере Chrome Core, Firefox, т. е. недействителен.

var devtools = new Date(); //function(){};
devtools.toString = function() {
    console.log('Консоль открыта');
    //Или выполняем бесконечный цикл
    window.open("about:blank", "_self"); 
}
console.log('', devtools);

Руководство по успешной активации:Можно вводить через тегиjsКод для очистки консоли(Добавить тег веб-страницы,URL-адрес метки: javascript:console.clear();,После входа на веб-страницу,Нажмите на эту вкладку,запустит код внутри),Если таймер выполняет приведенный выше код,Вам также необходимо переписать и очистить консоль (javascript:console.clear();for(var k in console){if(typeof console[k] == 'function'){console[k] = function(){} }};

4. Используйте функции консоли для мониторинга атрибутов dom.

Когда большинство браузеров печатают элементы dom, если консоль закрыта, атрибуты элемента не будут получены. Однако, если консоль открыта, атрибуты dom будут получены автоматически, что вызовет событие прослушивания.

function observerConsole(){
    //Здесь используется элемент dom, и идентификатор будет рассчитываться только при открытии консоли.
    var dom = document.createElement("div")
    Object.defineProperty(dom, "id", {
        get: function(){
            console.log('Консоль открыта')
        }
    })
    
    //т.е. не поддерживает console.table
    //console.info(dom);
    console.log(dom);
}

Помимо использования console.log, мы также можем использовать console.info, console.dir и console.error и т. д. Следует отметить, что т.е. не поддерживает console.table

Руководство по успешной активации:Внедрить через тегjsКод для очистки консоли,Если таймер выполняет операцию печати dom,Также необходимо переписать и очистить консоль.

В приведенном выше методе необходимо обратить внимание на поддержку браузером defineProperty. Кроме того, он не будет работать в браузере Firefox, поскольку браузер Firefox не принимает значение отслеживаемого свойства в объекте, и для его запуска необходимо щелкнуть вручную. это. Итак, для Firefox нам нужно найти что-то новое. Здесь я решил использовать оператор отладчика, чтобы добиться этого. Оператор отладчика вызывает любую доступную функцию отладки и может заблокировать выполнение кода. Если функция отладки недоступна, этот оператор не будет работать. Таким образом, мы можем записывать время перед отладчиком. Если отладчик не запущен, время выполнения нескольких операторов равно почти 0, но если он запущен, интервал не составляет десятки и сотни миллисекунд.

function observerConsole(){
    var obj = Object.create(null), t = Date.now();
    Object.defineProperty(obj, "a", {
        get: function() {
            if(Date.now() - t > 100){
                console.log('Консоль открыта')
            }
        }
    })
    setInterval(function(){
        t = Date.now();
        (function(){})["constructor"]("debugger")();//debugger;
        console.log(obj.a);
    }, 200)
}

недостаток:нравиться Если браузер отменяетdebuggerрежим,Тогда нет смысла. хром:

Firefox：

Суммируя 3 и 4, вы можете инкапсулировать это следующим образом:

var observerConsole = {
    openCallback: function(){
        console.log('Консоль открыта');
        try {
            window.open("about:blank", "_self")
        } catch(e) {
            var btn = document.createElement("button");
            btn.onclick = function() {
                window.open("about:blank", "_self")
            }
            btn.click()
        }
    },
    observer: function(){
        //Здесь используется элемент dom, и идентификатор будет рассчитываться только при открытии консоли.
        var dom = document.createElement("div"), that = this;
        Object.defineProperty(dom, "id", {
            get: function(){
                that.openCallback()
            }
        })
        //т.е. не поддерживает console.table
        //console.info(dom);
        console.log(dom);
    },
    observerF: function(){
        var obj = Object.create(null), t = Date.now(), that = this;
        Object.defineProperty(obj, "a", {
            get: function() {
                if(Date.now() - t > 100){
                    that.openCallback()
                }
            }
        })
        setInterval(function(){
            t = Date.now();
            (function(){})["constructor"]("debugger")();//debugger;
            console.log(obj.a);
        }, 200)
    },
    init: function(){
        var t = window.navigator.userAgent.toLowerCase();
        t.indexOf("firefox") >= 0 ? this.observerF() : this.observer();
    }
}
ConsoleManager.init()

Руководство по успешной активации:Внедрить через тегjsКод для очистки консоли、Отменаconsole.logждать 反Руководство по успешной активации:верноconsole.logждать进行重写再包装,нравиться

let _console = {
      log : console.log,
      info : console.info,
      warn : console.warn,
      error : console.error
};

Затем замените console.log выше на _console.log и т. д. Здесь можно использовать замыкания, чтобы другие не могли переписать _console.

Тест кода тестировал только Firefox, то есть браузеры Chrome и некоторые браузеры ядра Chrome (например, 360, браузер qq, браузер UC, браузер Sogou).

5. Используйте возможности отладчика для достижения бесконечной рекурсии.

Этот метод не может обнаружить, что консоль открыта, но он может предотвратить просмотр вашего кода другими людьми.

Как упоминалось выше: оператор отладчика вызывает любую доступную функцию отладки, чтобы заблокировать выполнение кода. Если функция отладки недоступна, этот оператор не имеет никакого эффекта.

Кроме того: Каждый браузер имеет свой максимальный стек вызовов. Если он будет превышен, будет выдано сообщение об ошибке «Максимальный размер стека вызовов превышен», и программа будет завершена.

Используйте упомянутые выше функции, чтобы объединить их в следующий код:

function check() {
    function doCheck(a) {
        (function() {}["constructor"]("debugger")()); //debugger
        doCheck(++a);
    }
    try {
        doCheck(0)
    } catch(err) {
        console.log(err)
    }
};

Когда выполняется описанная выше проверка кода, если консоль не включена, отладчик не будет работать, но doCheck будет продолжать цикл до тех пор, пока стек не взорвется, не выдастся ошибка и операция проверки не будет прекращена, если консоль повернется; on, точки останова будут выполняться непрерывно. Отладка и цикл вызовов doCheck до тех пор, пока стек не взорвется, если консоль включена, но режим отладчика отменен, хотя отладчик включен; Это не сработает, но рекурсия все равно будет существовать, и в это время производительность веб-страницы будет значительно снижена по сравнению с тем, когда консоль не включена. В тяжелых случаях браузер может зависнуть.

Время выполнения кода, когда консоль не открыта:
Chrome：30-50ms
Firefox：200-400ms
Ie：10-30ms

Время выполнения кода, когда консоль включена, но отладчик отключен:
Chrome：1000-2000ms
Firefox: страница сразу зависает

Судя по приведенным выше результатам теста, мы можем установить таймер с интервалом 2000 мс для непрерывного выполнения проверки. Таким образом, при включении консоли страница будет зависать независимо от того, отменен отладчик или нет. Кроме того, мы также можем запутать код, чтобы его было сложнее читать. Мы также можем использовать замыкания для завершения вышеуказанных операций, чтобы другие не могли сбросить проверку в консоли:

check=function(){}。

!function(){
    var _0x1cbb = ["tor", "struc", "call", "ger", "con", "bug", "de", "apply"];
    setInterval(check, 2e3);
    function check() {
        function doCheck(_0x1834ff) {
            if (('' + _0x1834ff / _0x1834ff)['length'] !== 0x1 || _0x1834ff % 0x14 === 0x0) {
                (function() {return !![]}[
                    _0x1cbb[0x4] + _0x1cbb[0x1] + _0x1cbb[0x0]
                ](
                    _0x1cbb[0x6] + _0x1cbb[0x5] + _0x1cbb[0x3]
                )[_0x1cbb[0x2]]());
            } else {
                (function() {return ![]}[
                    _0x1cbb[0x4] + _0x1cbb[0x1] + _0x1cbb[0x0]
                ](
                    _0x1cbb[0x6] + _0x1cbb[0x5] + _0x1cbb[0x3]
                )[_0x1cbb[0x7]]());
            }
            doCheck(++_0x1834ff);
        }
        try {
            doCheck(0)
        } catch(err) { }
    };
}();

преимущество:Совместимость лучше,Инструкция по успешной активации, которая непроста недостаток:Производительность браузера изображений,Вызывает задержку страницы Руководство по успешной активации:Найдите способ сбросить настройкиcheckфункция

6. Веб-сайты с рекомендациями по практике

Вот несколько рекомендуемых веб-сайтов. Все они используют один из упомянутых выше методов, чтобы отключить открытие консоли. Если вам интересно, вы можете изучить, как они это делают и как активировать успешное руководство (метод активации успешного руководства ). приведено выше).

Следующие рекомендации веб-сайта не являются целевыми. Если есть какие-либо нарушения, мне очень жаль. Вы можете связаться со мной, чтобы удалить их.

1、http://marsgis.cn/project/3d/…

2、https://z1.m1907.cn/

3、https://music.qugeek.com/page…

Заявление об авторских правах: Содержание этой статьи добровольно предоставлено пользователями Интернета, а мнения, выраженные в этой статье, представляют собой только точку зрения автора. Данный сайт лишь предоставляет услуги по хранению информации, не имеет никаких прав собственности и не несет соответствующей юридической ответственности. Если вы обнаружите на этом сайте какое-либо подозрительное нарушение авторских прав/незаконный контент, отправьте электронное письмо, чтобы сообщить. После проверки этот сайт будет немедленно удален.

Издатель: Full stack программист и руководитель стека, укажите источник для перепечатки: https://javaforall.cn/189479.html Исходная ссылка: https://javaforall.cn