当用户在不同页面之间导航/刷新（在同一选项卡中）时，如何保持“chrome 扩展侧面板”保持打开状态

Question

我正在使用“chrome.sidePanel”在侧面板中构建 Chrome 扩展。 我的分机在以下情况下将被关闭；

1. 用户刷新页面
2. 用户导航到同一选项卡中的其他页面。

我查看了多个文档，但无法找到相同的正确解决方案。 类似的事情已经在下面的扩展中完成了。 https://chromewebstore.google.com/detail/google-translate-in-sidep/lopnbnfpjmgpbppclhclehhgafnifija

Answer 1

这是 chrome.sidePanel API 的功劳。请参阅此处。 根据当前选项卡的 URL 控制侧面板的可见性。使用 chrome.tabs.onUpdated() 监听对选项卡所做的任何更新。

这是为所有 URL 启用侧面板的示例：

chrome.tabs.onUpdated.addListener(async (tabId, info, tab) => {
if (!tab.url) return;
// Enables the side panel on all sites
await chrome.sidePanel.setOptions({ tabId, path: 'sidepanel.html', enabled: true });

});