Google chrome extension 用于打开多个选项卡的扩展的编辑界面

我有一个扩展，暂时称之为“multi-tab”，用于在多个选项卡中打开一组给定的URL。为了我的个人用途，也就是为我跟踪的股票打开几个股票图表，我刚刚硬编码了URL。但在我看来，这是其他人可能会发现有用的东西，而我在现有的扩展中找不到它。但是为了让它对其他人有用，我需要有一些界面来编辑你想要打开的URL。以下是我目前拥有的Github：

到目前为止，行为是：单击扩展的图标，它只会打开选项卡。我希望这件事尽可能简单。我还尝试使用带有热键的“commands”API（如“Ctrl+Shift+E”）来打开某种编辑器界面（我认为堆栈交换问题监视器扩展是一个很好的模型），但我无法实现这一点，可能是因为我没有一个后台弹出窗口供组合键绑定。我还尝试使用omnibox，在您键入“multi-tab edit”（多选项卡编辑）或类似内容后，编辑菜单将弹出。虽然我可以让omnibox版本正常工作，但它似乎不太友好。我认为最理想的做法是按住Ctrl键单击扩展部分中的图标，打开一个用于编辑URL的对话框，但我不知道API如何支持这一点。请回应，如果你能给我任何关于如何实现这一点的建议

另一个选项是在单击图标时打开一个弹出窗口，然后允许您选择是打开当前设置的URL还是编辑这些URL。我不喜欢这样，因为它在基本用例中创建了一个额外的步骤，即只打开选项卡

有人知道如何以用户友好的方式实现“编辑”界面，并让它只需点击图标即可打开各个选项卡吗？或者，当您控制单击图标时，是否可以简单地打开编辑器？

您可以简单地设置一个包含大量HTML输入元素的编辑器，用户可以在其中输入他们想要打开的URL：

然后将所有这些URL保存到本地存储：

$（'#保存'）。单击（函数（）
{
var url=[]；
$（“输入[type=text]”）。每个（函数（索引）
{
url.push（$（this.val（））；
});
var items={“url”：url}；
chrome.storage.local.set（items，function（）{}）；
});

最后，单击浏览器操作即可获得所有这些URL：

chrome.browserAction.onClicked.addListener（函数（选项卡）
{
chrome.storage.local.get（“URL”），函数（项）
{
var url=items.url；
对于（var i=0；i

谢谢！这正是我想要的功能。