Javascript顶部工具栏

Question

我想实现一个工具栏(可能是javascript)，将显示在任何网站的顶部。假设我输入google.com，我想在主页的顶部显示我的工具栏。你知道如何在任何浏览器上实现这个吗?

我是这个领域的新手。你能给我举个例子说明怎么做吗?

谢谢

Answer 1

除非您计划将其打包为浏览器扩展/插件(例如，Chrome, Firefox或Safari)，否则如果您试图在另一个域名的页面上运行javascript，您无疑会遇到跨站点脚本安全问题(除非您计划让其他网站所有者自愿将您的脚本包含在他们的页面中，也是;在这种情况下，忽略这个答案)。

你总是可以采用老派的方法，创建一个顶部"框架"，在底部框架中运行第三方内容，但无论如何，顶部导航栏将无法与该内容交互。

Answer 2

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

Answer 3

将工具栏绑定到页面顶部并不需要明确使用Javascript…只需将一些CSS应用到工具栏的wrapper元素，如下所示:

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

然而，确切地说，你说你想要完成的是有你自己的工具栏出现在你的浏览器中，无论你浏览到什么域。代码的正确方法是它作为一个浏览器插件/插件,但是你可以你的内容加载到一个IFRAME或DIV。把一个"地址"文本框到您的工具栏,你会进入你的网址,然后使用Javascript将该URL加载到一个IFRAME或DIV。请注意,你将永远无法浏览使用你的浏览器的地址栏中使用这种方法,你将会失去大量的功能在浏览器和访问网站。这样做最多只能让你产生一种浏览器实现的错觉。