Как использовать Chart.js в сценарии контента (content.js) для расширения Google Chrome для внедрения в существующий веб ⇐ Javascript

[Anonymous]

Я работаю над расширением Google Chrome и хочу внедрить диаграмму Chart.js в существующий веб-сайт. У меня есть следующий сценарий:

• Мне нужно использовать Chart.js для динамического отображения диаграммы.
  
  Диаграмма
  должна быть добавлена ​​на текущую страницу с помощью сценария content.js
  моего расширения Chrome.
• На целевом веб-сайте нет Chart.js,
  поэтому мне нужно загрузить его через свое расширение и вставить диаграмму на
  страницу.

Вот моя настройка:

• Манифест версии 3.
• Расширение использует скрипт содержимого (

  Код: Выделить всё

  content.js

  ).
• Скрипт содержимого должен запускаться на определенном веб-сайте, и я
  хочу добавить диаграмму после загрузки страницы.

Что я пробовал до сих пор:
Использование chrome.scripting.executeScript для внедрения скрипта Chart.js на страницу.
Пытаюсь создать элемент внутри content.js, а затем визуализировать диаграмму.
Однако у меня возникли проблемы с:

• правильной загрузкой Chart.js библиотека в сценарии содержимого.
• Обеспечение правильного отображения холста на веб-странице.
  Обработка зависимостей между сценарием содержимого и Chart.js.< /li>

Как Могу ли я загрузить Chart.js в скрипт контента и внедрить его в существующую веб-страницу, не вызывая конфликтов?

Подробнее здесь: https://stackoverflow.com/questions/793 ... me-extensi