Javascript 如何创建浏览器扩展以在Firefox和Google Chrome中显示类似infobar的HTML表单横幅？

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

我想在infobar横幅中放置一个HTML表单，带有一些单选按钮、文本框、下拉框和提交HTML表单数据的按钮。我想让infobar横幅在网页间持久化，即用户可以浏览到其他网页，但infobar横幅将保持在浏览器窗口的顶部

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

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

我已经搜索了浏览器API，但到目前为止，我只找到了函数。它似乎只能显示一行通知。

• 谷歌浏览器；进入当前文档-您不能将其放入chrome。阅读有关谷歌浏览器内容脚本的更多信息

• 火狐；可以，但必须用（类似于XHTML）编写；请参见类似的教程

---

如果你想在这两种浏览器上都能运行，那么就选择内容脚本，因为它可以很容易地作为一个应用程序移植到FireFox上。

就Google Chrome而言，似乎从2014年起，Chrome上终于有了一个API

有关详细信息，请参阅

---

您可以在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);

---

您想在chrome中还是在文档中使用此选项？chrome中的“in the chrome”是否表示灰色浏览器窗口的一部分？实际上，可以将其作为浏览器窗口或HTML文档的一部分。我只想有一个信息栏横幅，可以用来提交HTML表单，它应该不会影响网站下方的信息栏横幅。谢谢，是的。对于Google Chrome，将其放入当前文档-您不能将其放入Chrome。对于Firefox，您可以，但是您必须用XUL（类似于XHTML）编写它；看到这样的教程：嗨，保罗，请把你的答案放在答案部分，这样我就可以选择它作为最佳答案。谢谢。请注意，截至2014年6月21日，它仅适用于开发分支。@Derek朕會功夫, 是的，根据上面的“发布时间表”问题，它目前只与Dev频道永久绑定。