Javascript顶部工具栏

Question

我想实现一个工具栏（可能带有javascript），它将显示在任何网站的顶部。所以，假设我将进入google.com，我想在主页面上显示我的工具栏。您是否知道如何在任何浏览器上实现此功能？

我是这个领域的新手。你能举个例子说明如何做到这一点吗？

由于

Answer 1

除非您打算将其打包为浏览器扩展程序/插件（例如，对于Chrome，Firefox或Safari），否则如果您尝试在其他域名的网页上运行javascript，则无疑会遇到跨站点脚本安全问题（除非您计划让其他网站所有者自愿在您的网页中包含您的脚本;在这种情况下，请忽略此答案）。

您可以随时进入老派并创建一个顶级“框架”，在底部框架内运行第三方内容，但无论如何，顶部导航栏都无法与此内容进行互动。

Answer 2

如果不编写浏览器插件，就无法做到这一点。你必须为此制作特定于浏览器的插件。

Answer 3

将JavaScript工具栏绑定到页面顶部并不是必需的...只需将一些CSS应用到工具栏的包装元素，如下所示：

#toolbar_wrapper {
  position: static;
  top: 0px; 
  left: 0px; /* assuming your toolbar starts at the left edge of the window */
}

但是，正如您要说的那样，无论您浏览哪个域，您要在浏览器中显示自己的工具栏。正确的方法是将其编码为浏览器插件/插件，但您可以将内容加载到IFRAME或DIV中。将“地址”文本框放入工具栏中，然后输入您的URL，然后使用Javascript将该URL加载到IFRAME或DIV中。请注意，您将永远无法使用此方法使用浏览器的地址栏进行浏览，并且您将在浏览器和访问过的网站中丢失大量功能。这样做会让你充分了解浏览器实现的错觉。