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

クロームコンソールは、次のエラーを返して！この問題を解決することは、jQueryのような他のツールの使用にも役立ちます。

Answer 1

コンテンツスクリプトタグを使って注入しました（以前は間違った順序で挿入していました）。