Javascript 如何为Google Chrome创建更改URL的扩展

我有一个带有URL的Chrome标签。使用Chrome扩展，我需要获取该URL，稍微更改一下，然后在新的Chrome选项卡中打开生成的URL

这应该通过上下文菜单或点击Chrome工具栏上的按钮来触发

例如，如果原始URL为

https://site_name/new-article_owner/section-number/

我希望从原始URL

new-

、

\u owner

和

节-

中删除扩展名，因此生成的URL应该是：

https://site_name/article/number/

我希望您能一步一步地解释并参考这些文档，因为我对Chrome扩展非常缺乏经验。

因此，请一步一步地：

• 用于侦听对扩展图标的单击。您设置的回调将传递对单击时处于活动状态的选项卡的引用
• 从中获取选项卡的URL
• 使用该原始URL生成要打开的URL，使用与删除不需要的部分
• 用于打开新选项卡：

总之，您应该在一个

---

哪个你不知道？如何替换字符串？如何打开新选项卡？如何打包chrome扩展？所有这些都是非常独立的问题，很容易在Google上找到。此时最有用的信息是扩展文档中的概述文章，它解释了扩展的基本内容，包括架构。

chrome.browserAction.onClicked.addListener(tab => {
    chrome.tabs.create({ url: tab.url.replace(/new-|_owner|section-/g, '') });
});