如何向网页添加可调整大小、可拖动的叠加层？答案

【问题标题】：How to add a resizable, dragable overlay to a webpage?如何向网页添加可调整大小、可拖动的叠加层？
【发布时间】：2012-08-31 11:05:38
【问题描述】：

我想制作一个用户脚本，可以在浏览器上放置 可调整大小、可拖动叠加层游戏。只有我不知道如何开始。

它基本上必须是一个应用了一些样式和 javascript 的 div，其中包含一个 <iframe>。我还想将游戏屏幕中显示的字符串（HTML5，而不是 Flash）传递给 iFrame，但这可以通过使用 $_POST 和 $_GET 参数来实现，否则可能无法实现由于某种“跨域策略”。

谁能帮我上路，举一个基本的 Chrome 用户脚本示例，让我可以将一些 HTML 代码用于覆盖 div 注入游戏？

【问题讨论】：

您只使用 Chrome 吗？不是 Tampermonkey 也不是 Firefox？
@BrockAdams 我正在使用 Chrome，但它也需要与 GreaseMonkey 一起使用。
@BrockAdams Uncaught ReferenceError: $ is not defined
是的，该脚本在 Greasemonkey（这是一个 Firefox 扩展）或可能在 Tampermonkey 中工作。所以你需要在 Firefox 中测试初始版本。（这就是我在上面询问 Firefox 的原因。这个问题可能被错误标记）......重复的脚本需要一些修改才能在 Chrome 上运行（并且可能与 Greasemonkey 1.0 中的设计缺陷一起工作）。但是，它显示了任何浏览器的过程。

标签： javascript google-chrome userscripts

【解决方案1】：

为什么不使用现有的 Javascript 框架之类的东西（必须喜欢 em'）？我知道这已经完成again 和 again 和 again 之前。我觉得自己做这种 Javascript 可能不值得你花时间。通常当我看到这样的事情时，我会提供框架的帮助。检查其中一个并没有什么坏处，您最终可能会为自己节省大量时间来编写之前已经完成并经过时间测试的代码。

【讨论】：