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

【问题标题】：Make a web toolbar load on any webpage在任何网页上加载 Web 工具栏
【发布时间】：2011-07-22 22:39:12
【问题描述】：

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

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

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

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

非常感谢

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

为了可读性，它在这里包装。它不会包含在您的书签中。

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

【讨论】：