有没有办法更改 chrome 扩展弹出窗口的位置/位置？

Question

我正在尝试开发一个 chrome 扩展，我想知道是否有办法更改 chrome 扩展弹出窗口的位置以及是否可以将其设为粘性元素。例如，名为Equatio的扩展会显示一个类似粘性的弹出窗口，当单击其图标时，该弹出窗口保留在用户屏幕的底部。我也希望能够做到这一点，我正在使用清单版本 3（如果有帮助的话）。

我已经尝试过：

1. 使用 CSS 位置属性更改位置
2. 使用 Chrome 信息栏（不起作用）
3. 使用 window.open() （也不适用于我的目的）

Answer 1

对于未来来到这里的任何人：

正如有人在评论中提到的，无法重新定位内置弹出窗口。该评论还提到，“该扩展只是在网页中添加了一个 DOM 元素。” 这就是我想要实现的目标。为此，您可以将以下代码添加到内容脚本中：

let div = document.createElement(div);
div.id = 'toolbar';
document.body.appendChild(div);

fetch(chrome.runtime.getURL('foo.html'))
  .then((response) => response.text())
  .then((data) => {
    document.getElementById('toolbar').innerHTML = data;
  });

此代码将 div 注入到页面底部，然后获取外部 HTML 文件 (foo.html) 并更改 div 的内容。要使 div 停留在视口内，您可以将 CSS 添加到 HTML 文件中。