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

2023-12-12

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

我已经尝试过:

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

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

正如有人在评论中提到的,无法重新定位内置弹出窗口。该评论还提到,“该扩展只是在网页中添加了一个 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 文件中。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

有没有办法更改 chrome 扩展弹出窗口的位置/位置? 的相关文章

随机推荐