javascript - chrome插件中自定义的按钮如何绑定函数?

Question

RT，有一个chrome插件，插件中html页面中有一个按钮，点击按钮，如何调用在插件再js文件中中定义的函数?

插件的index.html页面中：

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

插件的main.js文件中：

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

在index.html中链接main.js

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

直接给按钮绑定test()函数是行不通的，那么该如何调用呢

补充解决方案

右键点击插件，查看插件的控制台，发现了报错了

一定注意，插件的控制台，和页面的控制台，不是同一个地方

Answer 1

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