我正在尝试开发一个 chrome 扩展,我想知道是否有办法更改 chrome 扩展弹出窗口的位置以及是否可以将其设为粘性元素。例如,名为Equatio,显示一个类似粘性的弹出窗口,当单击其图标时,该弹出窗口保留在用户屏幕的底部。我也希望能够做到这一点,我正在使用清单版本 3(如果有帮助的话)。
我已经尝试过:
- 使用 CSS 位置属性更改位置
- 使用 Chrome 信息栏(不起作用)
- 使用 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(使用前将#替换为@)