Расширение в Chrome. html2canvas и CSS

02.12.2020, 20:00. Показов 968. Ответов 0

Метки нет (Все метки)

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

Доброго времени суток! Пишу расширение в Chrome для одного сайта. В шаблон сайта нужно внедрить свои CSS стиль, добавить кнопку и сделать скриншот используя html2canvas по нажатию той самой кнопки. Все было сделано, но только на скриншоте отсутствуют мои стили. Подскажите, как можно исправить ситуацию?
Вот Manifest:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "name": "my extension",
  "version": "1.0",
  "manifest_version":2,
  "content_scripts": [
   {
      "matches": ["https://mysite.com*"],
      "js": ["jquery.js", "html2canvas.js", "script.js"],
      "css": ["mystyles.css"],
      "run_at": "document_end" 
    }
  ]
}

Скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
jQuery('document').ready(function() {   
    jQuery(document.querySelector("body > div.well.unprint > div.form-inline")).append('<screenshot id="sms-send"  class="btn btn-default" type="button"><i class="fa fa-mobile"></i> Take screenshot </screenshot>');
 
 
 
    jQuery('screenshot').on('click', function(){
        html2canvas(document.body).then(canvas => {
        document.body.appendChild(canvas)
        });
 
    })

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

02.12.2020, 20:00

Ответы с готовыми решениями:

Расширение chrome
Здравствуйте, скажите пожалуйста, возможно ли через расширение google chrome делать клики на сайте. Т.е. написать самому расширение,...

Расширение PageLiner в Chrome
В хром вместе со всем пакетом вирусов установилось расширение PageLiner, которое невозможно удалить. Когда запускаешь хром, то открывается...

Не работает Chrome расширение
Есть расширение на Steam Market для браузера Google Chrome, но оно не работает, автор его давно не обновлял. Может тут есть умельцы,...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

02.12.2020, 20:00

Помогаю со студенческими работами здесь

Расширение для Chrome
Вообщем, решила попробовать написать расширение для chrome. Вопрос следующий: как записать, например, название активной вкладки в...

Расширение для Chrome
Здравствуйте господа программисты. Мне нужно написать расширение для гугл хром которое будет анализировать адреса страниц по которым я...

Chrome Расширение с индикатором
Всем доброго дня. Нужно в кратчайшие сроки создать расширение в Google Chrome, по такому принципу, что если появляется какая-нибудь новость...

Расширение Chrome, не работает JS
Всем привет. Вот пытаюсь написать расширение для Google Chrome (в первый раз), и что-то у меня сразу не заладилось... Написал тестовую...

Расширение для Chrome
Пишу расширение для Google Chrome для ВК, но есть небольшая проблема. Сейчас для вывода информации на страницу в ВК использую...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

Наверх