4

我想创建一个浏览器扩展程序，它将在 Google Chrome 或 Firefox 网络浏览器中显示一个持久的类似信息栏的横幅。此横幅应将网站向下推，以免阻止网站中的任何内容。

我想在信息栏横幅中放置一个 HTML 表单，其中包含一些单选按钮、文本框、下拉框和用于提交 HTML 表单数据的按钮。我想让信息栏横幅在网页上持久存在，即用户可以浏览到其他网页，但信息栏横幅将留在浏览器窗口的顶部。

当用户单击按钮并提交 HTML 表单时，信息栏应该向上弹跳，然后向下弹跳以显示带有新 HTML 表单的新信息栏。

有谁知道是否可以在 Google Chrome 或 Firefox 浏览器中创建这种信息栏横幅？

我已经搜索了浏览器 API，但到目前为止我只找到了Google Chrome 信息栏功能。它似乎只能显示 1 行通知。

4

3 回答 3

3

就 Google Chrome 而言，截至 2014 年，chrome.infobarsChrome 中终于有了可用的 API。

有关更多详细信息，请参阅

于 2014-02-02T15:04:34.050 回答
1

  • 谷歌浏览器; 您需要将脚本注入当前文档 - 您不能将其放入 chrome 中。在此处阅读有关 Google Chrome 内容脚本的更多信息。

  • 火狐；可以，但必须用XUL编写（类似于 XHTML）；看到这样的教程。

如果您想要两者都适用的东西，请沿着内容脚本路线走，因为它可以很容易地作为userscript移植到 FireFox 。

于 2013-02-25T19:11:22.223 回答
1

您可以在 content.js 中使用以下内容

var newSpan = document.createElement("newSpan");
newSpan.id = "newSpan";
newSpan.style.fontSize = "25px";
newSpan.style.fontWeight = "bold";
newSpan.textContent = "******Banner******"
newSpan.style.color = "red";
var elemDiv = document.createElement('div');
elemDiv.style.cssText = 'width:100%;height:10%;background:rgb(255,255,255);text-align: center;';
elemDiv.appendChild(newSpan);

window.document.body.insertBefore(elemDiv, window.document.body.firstChild);
于 2016-05-11T20:07:17.493 回答