javascript - Wie binde ich Funktionen an benutzerdefinierte Schaltflächen im Chrome-Plug-In?

Question

RT, es gibt ein Chrome-Plug-In, es gibt eine Schaltfläche auf der HTML-Seite des Plug-Ins, klicken Sie auf die Schaltfläche, wie rufe ich die im Plug-In und in der JS-Datei definierte Funktion auf?

Auf der index.html-Seite des Plug-Ins:

<button  onclick='test()'>开始获取</button>

In der main.js-Datei des Plug-Ins:

function test(){
  console.log('come from test');
}

Main.js in index.html verknüpfen

//index.html在html文件夹中，注意这里要使用相对路径                                                                 
<script src="../script/main.js" charset="utf-8"></script>

Es ist nicht möglich, die Funktion test() direkt an die Schaltfläche zu binden, also wie man sie aufruft

Ergänzende Lösungen

Klicken Sie mit der rechten Maustaste auf das Plug-in, überprüfen Sie die Konsole des Plug-ins und finden Sie einen Fehler

Bitte beachten Sie, dass sich die Plug-in-Konsole und die Seitenkonsole nicht am selben Ort befinden

Answer 1

你在 index.html 里链接了 main.js 了吗