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

@Bunnyone · Регистрация: 13.08.2016

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

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

Javascript

{
  "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

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)
        });
 
    })

	02.12.2020, 20:00