在任何网页上加载Web工具栏

Question

我在html中创建了一个工具栏，我需要能够加载任何给定的网页;我正在考虑通过使用书签将其加载到页面上，但我无法理解我是如何进行的。

需要发生的一个例子如下。

我导航到互联网上的任何网页，我点击工具栏的书签，它出现在页面底部，不影响页面上的任何内容，即使滚动也会保持固定。

我添加了工具栏外观的图片，以及有关如何实现所需功能的任何建议？

http://d.pr/bVeM

非常感谢

Answer 1

您需要做的是使用CSS将其保留在底部。基本上，您将工具栏html代码粘贴在<div>标记中，然后使用CSS将其保留在底部。请尝试阅读this link或this link了解如何操作

Answer 2

创建一个可以在某处托管的脚本文件（如果它只适合您，您可以使用localhost）。在该脚本中构建工具栏。您的书签将如下所示：

javascript: document.body.appendChild(document.createElement("script"))
    .src = "http://myserver/myscript.js"; void 0;

为了便于阅读，它包含在这里。它不会包装在您的书签中。

javascript:告诉浏览器您正在执行脚本。最后的void 0会阻止页面导航到JavaScript的返回值。