如何为Google Chrome创建扩展程序以更改URL

Question

我有一个带有网址的Chrome标签。使用Chrome扩展程序，我需要获取该URL，对其进行一些更改，然后在新的Chrome标签中打开生成的URL。

应该从上下文菜单或单击Chrome工具栏上的按钮来触发。

例如，如果原始网址为

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

我希望扩展名从原始URL new-，_owner和section-中删除，因此生成的URL应该是：

https://site_name/article/number/

由于我对Chrome扩展程序确实缺乏经验，所以请您逐步进行说明和参考文档。

Answer 1

所以，请逐步：

• 使用chrome.browserAction.onClicked监听扩展程序图标上的点击。您设置的回调将被传递一个对单击时处于活动状态的选项卡的引用。
• 从tab.url获取标签的URL。
• 使用该原始URL生成您要打开的URL，并使用String.prototype.replace()和RegExp删除不需要的部分。
• 使用chrome.tabs.create打开新标签页：

总的来说，您应该在background script中加入它：

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