Использование плагинов в расширении Chrome

Question

Я делаю расширение Chrome и хочу реализовать плагин mark.js (https://markjs.io/), который выделит текст на странице пользователя. Однако у меня возникли проблемы с импортом плагина. Поскольку html является страницей пользователя, и у меня нет доступа к ней, я не могу использовать обычный <script></script>. Итак, я пытался использовать JavaScript для этого, но все равно получаю сообщение об ошибке.

Мой JavaScript код выглядит следующим образом:

var head= document.getElementsByTagName('head')[0]; 
var script= document.createElement('script'); 
script.type= 'text/javascript'; 
script.src= 'https://cdnjs.cloudflare.com/ajax/libs/mark.js/7.0.0/mark.min.js'; 
head.appendChild(script); 

//highlight necessities 
var context = document.querySelector("body"); 
var instance = new Mark(context); 

function handleSetQuery(findWord) { 
    cheese.mark(findWord); 
} 

function handlePrevious() { 
    //insert previous thing 
} 

function handleNext() { 
    //insert next thing 
} 

function handleClear() { 
    instance.unmark(options); 
} 

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { 
    if (request.action === "setquery") { 
     alert("received: setquery"); 
     handleSetQuery(request.data); 
    } else if (request.action === "previous") { 
     handlePrevious(); 
    } else if (request.action === "next") { 
     handleNext(); 
    } else if (request.action === "clear") { 
     handleClear(); 
    } 
}); 

Консоль Chrome возвращает следующее сообщение об ошибке:

Любая помощь приветствуется! Решение этой проблемы также поможет мне использовать другие инструменты, такие как jQuery.

Answer 1

Я ввел его с помощью тега сценариев содержимого (ранее я был в неправильном порядке).