Как можно реализовать с помощью слайдера в popup изменение шрифта страницы?

@SuflexZ · Регистрация: 09.11.2016

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

Прошу направить в нужное русло по одному вопросу. Есть расширение, заданное manifest.json, в котором есть popup.html выпадающее меню. Ума не приложу как можно реализовать, например, с помощью слайдера в popup изменение шрифта страницы, т.к по сути страница сайта и popup.html - разные объекты, невзаимосвязанные. На 1 скриншоте как выглядит окно, 2 - код HTML popup страницы, 3 - код манифеста. Облазил множество ресурсов по данному вопросу, но все не то. Буду благодарен за помощь!

@diadiavova · 11.02.2020, 02:05

SuflexZ, это реализуется через отправку сообщений. Общий сценарий примерно следующий:

В манифесте нужно прописать разрешение на использование chrome.tabs chrome.tabs - Google Chrome
Сначала нужно запросить активную вкладку с помощью метода query, которому нужно передать параметры {currentWindow: true, active:true}, аргументом коллбэка будет массив вкладок, на самом деле там будет одна вкладка, как раз это и будет активная вкладка текущего окна.
Из объекта вкладки получишь ид вкладки и нужно будет его использовать при отправке сообщения методом sendMessage, в сообщении нужно указать все необходимые данные, такие как размер шрифта и что там еще надо
На целевой странице должен работать content script, в котором нужно отлавливать сообщения и если придет сообщение, то уже из этого скрипта есть доступ к DOM страницы и нужно будет всю нужную работу выполнить именно здесь

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@SuflexZ 0 / 0 / 0 Регистрация: 09.11.2016 Сообщений: 11

	Chrome Extension Как можно реализовать с помощью слайдера в popup изменение шрифта страницы? 10.02.2020, 22:45. Показов 1711. Ответов 1 Метки нет (Все метки) Прошу направить в нужное русло по одному вопросу. Есть расширение, заданное manifest.json, в котором есть popup.html выпадающее меню. Ума не приложу как можно реализовать, например, с помощью слайдера в popup изменение шрифта страницы, т.к по сути страница сайта и popup.html - разные объекты, невзаимосвязанные. На 1 скриншоте как выглядит окно, 2 - код HTML popup страницы, 3 - код манифеста. Облазил множество ресурсов по данному вопросу, но все не то. Буду благодарен за помощь! Миниатюры Изображения 0

@diadiavova 7261 / 2608 / 745 Регистрация: 11.04.2015 Сообщений: 4,155 Записей в блоге: 43
	11.02.2020, 02:05
	Сообщение было отмечено SuflexZ как решение Решение SuflexZ, это реализуется через отправку сообщений. Общий сценарий примерно следующий: В манифесте нужно прописать разрешение на использование chrome.tabs chrome.tabs - Google Chrome Сначала нужно запросить активную вкладку с помощью метода query, которому нужно передать параметры `{currentWindow: true, active:true}`, аргументом коллбэка будет массив вкладок, на самом деле там будет одна вкладка, как раз это и будет активная вкладка текущего окна. Из объекта вкладки получишь ид вкладки и нужно будет его использовать при отправке сообщения методом sendMessage, в сообщении нужно указать все необходимые данные, такие как размер шрифта и что там еще надо На целевой странице должен работать content script, в котором нужно отлавливать сообщения и если придет сообщение, то уже из этого скрипта есть доступ к DOM страницы и нужно будет всю нужную работу выполнить именно здесь 1

Как можно реализовать с помощью слайдера в popup изменение шрифта страницы?

Решение