Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
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 - код манифеста. Облазил множество ресурсов по данному вопросу, но все не то. Буду благодарен за помощь!
Миниатюры
Как можно реализовать с помощью слайдера в popup изменение шрифта страницы?   Как можно реализовать с помощью слайдера в popup изменение шрифта страницы?  
Изображения
 
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
10.02.2020, 22:45
Ответы с готовыми решениями:

Изменение шрифта с помощью Trackbar
По заданию нужно чтоб с помощью trackbarа менялся шрифт для компонента панель, переключая его по делениям .. Как для начала сделать,...

Изменение размера шрифта с помощью JavaScript
Подскажите ,пожалуйста, как на яваскрипте менять размер шрифта на странице. Что-то вроде кнопки 'мелкий! , 'средний', 'крпный'...как в...

Как можно реализовать дату рождения с помощью битового поля?
Как можно реализовать дату рождения с помощью битового поля?

1
 Аватар для diadiavova
7261 / 2608 / 745
Регистрация: 11.04.2015
Сообщений: 4,155
Записей в блоге: 43
11.02.2020, 02:05
Лучший ответ Сообщение было отмечено SuflexZ как решение

Решение

SuflexZ, это реализуется через отправку сообщений. Общий сценарий примерно следующий:
  1. В манифесте нужно прописать разрешение на использование chrome.tabs chrome.tabs - Google Chrome
  2. Сначала нужно запросить активную вкладку с помощью метода query, которому нужно передать параметры {currentWindow: true, active:true}, аргументом коллбэка будет массив вкладок, на самом деле там будет одна вкладка, как раз это и будет активная вкладка текущего окна.
  3. Из объекта вкладки получишь ид вкладки и нужно будет его использовать при отправке сообщения методом sendMessage, в сообщении нужно указать все необходимые данные, такие как размер шрифта и что там еще надо
  4. На целевой странице должен работать content script, в котором нужно отлавливать сообщения и если придет сообщение, то уже из этого скрипта есть доступ к DOM страницы и нужно будет всю нужную работу выполнить именно здесь
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
11.02.2020, 02:05
Помогаю со студенческими работами здесь

Как можно реализовать работу html страницы и кода C#?
Здрасте, уважаемые гуру программирования. На выходных появился вопрос. Нужно создать Страничку на html и связать её со своей программой на...

Как можно так же одним махом поменять цвет шрифта одной строки и стиль шрифта на italic (наклонный) ?
Если мне надо в <Table border=1> поменять цвет какой-то одной строки, то я делаю так : ...

Подскажите плагин или как с помощью кода можно реализовать вот такой слайдер
Здравствуйте, подскажите плагин или как с помощью кода можно реализовать вот такой слайдер

Посоветуйте пожалуйста, как можно реализовать после вывода строк из БД изменение их порядка по кнопке
Столкнулся с такой проблемой, на странице например выведены 4 блока, т.е. соответственно 4 строки из БД. Необходимо реализовать изменение...

Как закрыть все дочерние PopUp'ы с помощью JavaScript
плз помогите!


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
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/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru