Написать расширение для браузера для упрощения повседневной рутины

@StepFather322 · Регистрация: 07.10.2017

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

Доброго времени суток. Появилось желание написать расширение для браузера для упрощения повседневной рутины, а в js я как бы не очень.
В чем суть расширения: каждый раз когда загружается страница, она(html код) должна отправляться либо на API либо на локальную программу(я вроде вычитал что и так можно). Плюс расширение должно брать селектор который я пишу и отправлять туда же и в зависимости от ответа, подсвечивать элементы, собственно как обычные селекторы.
Ну и вопрос: возможно ли это, насколько глубокими знаниями нужно обладать(может можно просто пару кусков кода скопипастить)?
Наверное возникает вопрос, зачем все это? Ответ: мне часто нужно проверить JSoup(библиотека для парсинга страниц на жабе) селекторы, а в браузере они как бы не поддерживаются, вот я и решил исправить это, если возможно.
Вообщем буду рад любым подсказкам и советам

Добавлено через 1 час 35 минут

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

Плюс расширение должно брать селектор который я пишу и отправлять туда же

Селектор из поля в devtools для поиска элементов по css селекторам

@diadiavova · 31.08.2020, 07:23

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

а в js я как бы не очень

Как минимум надо подтянуть.

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

либо на локальную программу(я вроде вычитал что и так можно)

Можно, но все равно в этой программе придется разместить либо веб-сервер, если требуется односторонняя связь, инициированная со стороны расширения; либо вебсокет-сервер, если действия могут быть инициированы с любой стороны. Я этой проблемой заморачивался, все описал в блоге Управление браузером из внешнего приложения - Форум программистов и сисадминов Киберфорум.

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

Плюс расширение должно брать селектор который я пишу

Где пишешь?

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

возможно ли это, насколько глубокими знаниями нужно обладать

Возможно. Как минимум надо понимать API расширений браузера.

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

а в браузере они как бы не поддерживаются

Что в браузере не поддерживается? Библиотека или селекторы? Селекторы точно поддерживаются, именно оттуда они и перекочевали куда ни попадя. Что касается библиотеки, то есть смысл поискать аналог на JavaScript, возможно не придется городушки городить.

@StepFather322 · 02.09.2020, 19:10 **[ТС]**

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

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

Где пишешь?

Просто в инпуте пишу селектор

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

Что в браузере не поддерживается? Библиотека или селекторы?

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

Ответ: мне часто нужно проверить JSoup(библиотека для парсинга страниц на жабе) селекторы

У Jsoup есть свои селекторы типа :contains(), :has(), matches() и так далее. Вот они то и не работают в обычном окне елементов в devtools.

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

то есть смысл поискать аналог на JavaScript

Я погуглил конечно сперва, но ничего толкового не нашел, вот и решил написать раз нет такого инструмента

@diadiavova · 03.09.2020, 08:06

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

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

Так, а в чем вопрос тогда? Или он уже решен?

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

Просто в инпуте пишу селектор

Инпут уже есть на странице или он вставляется туда расширением?

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

Я погуглил конечно сперва, но ничего толкового не нашел, вот и решил написать раз нет такого инструмента

Ну, я тоже посмотрел, но не нашел. Но в принципе в браузере поддерживается и более мощный инструмент, чем CSS-селекторы, а именно - XPath. То есть, если принципиально использовать именно JSoup и именно на яве, то это, естественно, не подойдет, но вообще в этом языке есть возможность и двигаться в разных направлениях и проверять сложные условия, такие как содержимое элементов и прочее.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

Опции темы

Написать расширение для браузера для упрощения повседневной рутины

Решение