Расширение-автоклик для браузера

@strusik · Регистрация: 24.03.2018

Студворк — интернет-сервис помощи студентам

Привет! Я в программировании на JavaScript новичек. Мне нужно сделать расширение для браузера, которое на определённом сайте при нажатии к примеру клавиши F7 начинало бы кликать без остановки с большой скоростью кнопку id которой к примеру "target-btn". Я долго пробовал сделать сам, но у меня ничего не получилось.

Вот код, который я пытался втиснуть в расширение:

Файл script.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
addEventListener("keyup",clicker_start);
 
function clicker_start(event){
    
    if (event.key == "F7")
    {
        document.getElementById('target-btn').click();
        
    }
    
    
}

А вот manifest.json

JSON
1
2
3
4
5
6
7
8
9
10
11
12
  "name":"Рассширение для браузера google chrome",
  "description":"Мое рассширение для google chrome",
  "version":"1.0",
  "manifest_version":2,
  "content_scripts":[
    {
      "matches": ["https://название сайта/*"],
      "js" : ["script.js"],
      "run_at":"document_end"
    }
  ]
}

P.S. Если что, мой код не судите строго, как я сказал я ещё салага в этом деле.

@strusik · 25.03.2018, 17:33 **[ТС]**

Привет! Я в программировании на JavaScript новичек. Мне нужно сделать расширение для браузера (Хром), которое на определённом сайте (сайт не мой) при нажатии, к примеру, клавиши Enter делало бы клик на кнопку id которой, к примеру, "target-btn". При том курсор мыши должен двигаться и работать независимо от этого действия. Я долго пробовал сделать сам, но у меня ничего не получилось.

Вот код, который я пытался втиснуть в расширение:

Файл script.js

JavaScript
1
2
3
4
5
6
7
8
9
10
addEventListener("keyup",clicker_start);
 
function clicker_start(event){
    
    if (event.key == "Enter")
    {
        document.getElementById('target-btn').click();
        
    }   
}

А вот manifest.json

JSON
1
2
3
4
5
6
7
8
9
10
11
12
"name":"Рассширение для браузера google chrome",
  "description":"Мое рассширение для google chrome",
  "version":"1.0",
  "manifest_version":2,
  "content_scripts":[
    {
      "matches": ["https://название сайта/*"],
      "js" : ["script.js"],
      "run_at":"document_end"
    }
  ]
}

P.S. Если что, мой код не судите строго, как я сказал я ещё салага в этом деле.

Добавлено через 4 часа 21 минуту
UPD: Я со многими проблемами уже разобрался, единственное, что я не могу найти это сам обработчик клика т.к. ни $('#target-btn').click(); ни getElementById('target-btn').click(); не работают.

Сейчас мой файл со скриптом выглядит вот так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function addEvent(obj, type, fn){
    if (obj.addEventListener){
        obj.addEventListener( type, fn, false );
    } else if(obj.attachEvent) {
        obj.attachEvent( "on"+type, fn );
    } else {
        obj["on"+type] = fn;
    }
}
addEvent(document, 'keypress', function(e) {
    if (e.keyCode == 13) {
        //alert('You pressed Enter');       
    }
});

Обработчик нажатия Enter работает, я его при помощи алерта проверял

@Aleksandrw · 25.03.2018, 18:21

strusik, а так?

JavaScript
1
document.getElementById('target-btn').onclick;

@strusik · 25.03.2018, 18:52 **[ТС]**

Могу код самой кнопки выложить ещё.

Не помогло, всё равно не нажимается. Вот если что часть кода где я подключал может я что-то неправильно сделал:

JavaScript
1
2
3
4
5
addEvent(document, 'keypress', function(e) {
    if (e.keyCode == 13) {
        document.getElementById('target-btn').onclick;
    }
});

@Aleksandrw · 25.03.2018, 18:55

strusik, кое-что изменил.

JavaScript
1
2
3
4
5
document.onkeyup = function (event) {
    if (event.keyCode == 13){
        document.getElementById("'target-btn'").onclick ;
    }
}

@strusik · 25.03.2018, 19:10 **[ТС]**

Всё равно ничего не происходит, кнопка это зачарованная что ли не пойму?)) Уже третий день с ней мучаюсь. При том я писал подобную штуку через С# и всё работало, но мне это не подходит ибо на С# там был тестовый браузер на котором сайт не обновляется.

вот как это выглядело на C#

C#
1
2
3
4
5
6
private void button2_2_Click(object sender, EventArgs e)
{
   IWebElement element;
   element = Browser.FindElement(By.Id("trade-btn"));
   element.Click();
}

@Aleksandrw · 25.03.2018, 21:14

strusik, так ведь уже пробовали ?

JavaScript
1
2
3
4
5
document.onkeyup = function (event) {
    if (event.keyCode == 13){
        document.getElementById("target-btn").click() ;
    }
}

@strusik · 25.03.2018, 21:39 **[ТС]**

Да, к сожалению тоже не работает, могу скинуть ссылку на сайт, но там авторизация нужна чтоб эту кнопку увидеть, ну или код могу скинуть кнопки

@Aleksandrw · 25.03.2018, 21:49

strusik, Давайте код кнопки.

@strusik · 26.03.2018, 20:15 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="trade-btn" modal_open="trade" class="btn btn_v2 hint_aim_5 hint_clickable">
                                Обмен
                                <div class="hint_container hint_container_5 hidden">
                                    <img src="/images/hit-2.svg">
                                    <div class="hint_text">
                                        #5 Нажмите на кнопку <br>"Обмен"<br>
                                        <span class="hint_skip_all">Выход</span>
                                        <span class="hint_skip">Далее</span>
                                    </div>
                                </div>
                                <div class="hint_container hint_container_5 hint_container_5_mobile hidden">
                                    <img src="/images/hit-7.svg">
                                    <div class="hint_text">
                                        #5 Нажмите на кнопку <br>"Обмен"<br>
                                        <span class="hint_skip_all">Выход</span>
                                        <span class="hint_skip">Далее</span>
                                    </div>
                                </div>
                            </div>

А может кстати и без авторизации видно будет, там кнопка "обмен" большая по середине или же "trade" если англ.версия сайта https://cs.money/ru

Добавлено через 21 час 35 минут
Aleksandrw, я ещё пробовал сделать имитацию клика мыши по координатам но тоже не выходит. Не понимаю, что с этой кнопкой не так

Добавлено через 47 минут
Aleksandrw, кстати полазив по коду сайта вот что я нашел во вкладке Event Listener, но не совсем пойму что это такое. Вроде как какое-то событие подключенное к этой кнопке. Возможно можно просто вызвать событие срабатывания кнопки без клика на кнопку?

ссылка на скрин - http://images.vfl.ru/ii/152208... 125597.png

@Aleksandrw · 26.03.2018, 20:48

strusik, честно, посмотрев в некоторых источниках , немного в недоумении от чего метод '.click ()' не работает при нажатии на Enter.

Сообщение от strusik

Возможно можно просто вызвать событие срабатывания кнопки без клика на кнопку?

JavaScript
1
2
3
4
5
6
function act () {
    var mess = alert ('wow');
    document.getElementById('button').click(mess);
    
}
act ();

@strusik · 26.03.2018, 22:49 **[ТС]**

Aleksandrw, а что это кстати за modal_open="trade" в коде кнопки? что-то мне подсказывает это как-то связано с тем, что после нажатия происходит

Добавлено через 1 час 57 минут
Aleksandrw, всё, спасибо за помощь, я смог решить проблему эту, вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(function() {
    var enterKeyCode = 13;
 
    var el = document.getElementById("trade-btn");
    function triggerMouseEvent(node, eventType) {
        var clickEvent = document.createEvent('MouseEvents');
        clickEvent.initEvent(eventType, true, true);
        node.dispatchEvent(clickEvent);
    }
 
    $(document).on("keypress", function(event) {
        if (event.which === enterKeyCode) {
            triggerMouseEvent (el , "mousedown");
            triggerMouseEvent (el , "click");
        }
    });
});

@Aleksandrw · 26.03.2018, 22:56

strusik, неплохо

Новые блоги и статьи Все статьи Все блоги /
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений в EXE. Здесь описаны базовые шаги для старта программирования с помощью CMake и MinGW. Для набора. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .

@strusik 1 / 1 / 0 Регистрация: 24.03.2018 Сообщений: 9
	25.03.2018, 21:39 [ТС]
	Да, к сожалению тоже не работает, могу скинуть ссылку на сайт, но там авторизация нужна чтоб эту кнопку увидеть, ну или код могу скинуть кнопки 0

@Aleksandrw 39 / 38 / 26 Регистрация: 05.01.2018 Сообщений: 283
	25.03.2018, 21:49
	strusik, Давайте код кнопки. 0

@Aleksandrw 39 / 38 / 26 Регистрация: 05.01.2018 Сообщений: 283
	26.03.2018, 22:56
	strusik, неплохо 0