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

问题描述

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='https://www.haobala.com/script/main.js' charset='utf-8'></script>

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

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

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

问题解答

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