Интерфейсный скрипт js и предотвращение скрипта js

внешний интерфейс JavaScript API Chrome

предисловие

Как фронтенд-разработчик, иногда бизнес-сценарии не могут быть смоделированы на скорости руки, а старые драйверы иногда переворачиваются [вы знаете]. Поэтому я написал эту статью специально, в надежде быть полезной для всех.

Задействован контент:

1.chrome浏览器
2.js代码
3.函数节流

первый шаг

Откройте браузер Chrome и используйте комбинацию клавиш Ctrl+shift+i, чтобы открыть инструменты разработчика, как показано на следующем рисунке.


Нажмите, чтобы увидеть фрагменты

второй шаг

как показано на рисунке


Щелкните новый фрагмент --> введите «имя» сценария --> Ctrl+s, чтобы сохранить.

третий шаг

как показано на рисунке


Выберите «имя» только что созданного скрипта и отредактируйте код js на втором шаге, как показано на рисунке. Наконец, как показано на третьем шаге: run для запуска кода.

js-код скрипта

1. Вот код с сайта:

<body>
        <div class="box">
            <img class="img" src="image/pict.png" />
            <button class="btn" id='btn'>抢购</button>
        </div>
        <script type="text/javascript">
            /**
             * 抢购按钮
             * 
             * */
            btn.onclick=function(){
                console.log('抢购成功！');
            };
        </script>
    </body>

Каждый щелчок, чтобы привязать вывод консоли. Привязка прошла успешно!
2. Код скрипта

/**
* 最简单的脚本代码
* 版本1.0.1
*/
btn.click();//触发按钮执行click事件

/**
 * 使用for循环执行抢购的脚本代码
 * 版本1.0.2
 * */
for(var i=0;i<100;i++){
    btn.click();
}

Из приведенного выше кода сценария js мы можем узнать, что можем создавать сценарии в браузере Chrome и контролировать их выполнение.


Когда разработчики моделируют высокий параллелизм в реальной среде, мы можем использовать этот метод сценариев для имитации тестов. Через скрипт только что мы обнаружили, что есть много проблем с js на страницах, которые мы разработали. Предположим, [кнопка быстрой покупки] запускает интерфейс данных запроса. Будет казаться, что n запросов выдаются одновременно. Для решения этой проблемы см.nuggets.capable/post/684490…
Это также может быть обработано с помощью дросселирования функций. Следующий код:

//网站上写的代码
/**
 * 抢购按钮
 * 
 * */
btn.onclick=function(){
     throttle(function(){
        console.log('抢购成功！');
    },500);
};
/**
 * 函数节流
 * @fn {function} 回调函数
 * @time {number} 时间，毫秒
 * 
 * */
function throttle(fn,time){
    if(throttle.id){
        clearTimeout(throttle.id);
    };
    throttle.id=setTimeout(function(){
        fn();
    },time||200);
}

С помощью вышеуказанных методов мы можем отфильтровать события запуска вредоносного цикла. Этот метод дросселирования функции также был единодушно признан и продвигается всеми.

Суммировать

С помощью описанных выше методов мы не только научились создавать простые js-скрипты, но и научились простому способу блокировать js-скрипты. Если вы действительно хотите написать несколько полезных js-скриптов, вам все равно нужны ваши собственные усилия! Если вы хотите заблокировать вредоносные js-скрипты, на самом деле очень сложно просто использовать интерфейсную технологию! Посвящается тем, кто пытается изучить переднюю часть и хочет идти все дальше и дальше по дороге переднего конца. благослови всех вас. Нажмите【❤】если понравилось!

Категории