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

02.12.2020, 20:00. Показов 974. Ответов 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 для ВК, но есть небольшая проблема. Сейчас для вывода информации на страницу в ВК использую...

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

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

Опции темы

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

Наверх