Расширение для браузера, нажатие кнопки на сайте при нажатии кнопки на клавиатуре.

@Genzal · Регистрация: 18.09.2020

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

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

Хочу написать расширение для браузера.
Как будет работать расширение: Запускаем расширение, и оно на определенном сайте, при нажатие на кнопку на клавиатуре(например Z), расширение должно нажимать на кнопку на самом сайте.

код кнопки на сайте:

selector:

Code
1
#__layout > div > div.pageContent_3s6fU > div > div:nth-child(2) > div.block_3o-Cc.block > div > div:nth-child(2) > div:nth-child(1) > div > div.editable_2qfhz > div > div.controls_1C1Rp > button.button_1lzZm.green_WAjLy.control_c5ZhL

Xpath:

Code
1
//*[@id="__layout"]/div/div[2]/div/div[2]/div[1]/div/div[2]/div[1]/div/div[1]/div/div[2]/button[1]

путь JS:

Code
1
document.querySelector("#__layout > div > div.pageContent_3s6fU > div > div:nth-child(2) > div.block_3o-Cc.block > div > div:nth-child(2) > div:nth-child(1) > div > div.editable_2qfhz > div > div.controls_1C1Rp > button.button_1lzZm.green_WAjLy.control_c5ZhL")

Прошу помощи. И если можно похожие исходники.

@innover · 11.04.2022, 07:52

В манифесте расширения нужно указать на каком сайте оно будет запускаться.
После того как указали, нужно сделать контекстный скрипт, который будет запускаться на указанной странице при её загрузке и работать в контексте этой страницы (иметь доступ к DOM, событиям, ...). Соответственно, в манифесте сослаться на этот скрипт. В этом скрипте, скорее всего к тегу body нужно привязать обработчик события keypressed. Этот обработчик и будет нажимать на ту кнопку, на которую вам надо. Примерно такой алгоритм создания расширения.

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@innover 0 / 0 / 0 Регистрация: 20.12.2018 Сообщений: 4
	11.04.2022, 07:52
	В манифесте расширения нужно указать на каком сайте оно будет запускаться. После того как указали, нужно сделать контекстный скрипт, который будет запускаться на указанной странице при её загрузке и работать в контексте этой страницы (иметь доступ к DOM, событиям, ...). Соответственно, в манифесте сослаться на этот скрипт. В этом скрипте, скорее всего к тегу body нужно привязать обработчик события keypressed. Этот обработчик и будет нажимать на ту кнопку, на которую вам надо. Примерно такой алгоритм создания расширения. 0

Опции темы