Javascript 如何创建用于在Chrome扩展中执行函数的复选框选项

在我的扩展名中有一个文件

background.js

，它从单击扩展名图标开始，并运行以下代码：

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript(tab.id, {file: "functions.js"})
});

文件

functions.js

包含三个不同的

窗口。打开
函数，这些函数在
background.js
调用
functions.js
后立即执行。工作场景：用户单击扩展图标-三个新选项卡打开


我想添加一个复选框选择，选择将要执行的功能。无论如何，它应该像：


单击扩展图标后，会打开一个小弹出窗口。它包含三个复选框和一个按钮运行
选中复选框可从
functions.js
中选择一个函数，该函数将在单击“运行”按钮后执行

实现这一点的方法是什么？
您不需要在manifest.json中单击，另请参阅使用“popup.html”。页面应该加载一个脚本文件，每次显示弹出窗口时，该文件都会运行。@wOxxOm酷链接-谢谢！会挖得更深再回来。