javascript - 如何在浏览器/文档之外绘制图形？

Question

为了我在网页游戏中的在线扩展，折线图是必要的。

我想做这样的事情:

目的是该图应该位于 DOM/浏览器之外，因为如果我将其放入游戏文档中，他们将知道该行已通过简单的调用 $("#rareLineGraph").length > 0 他们会检测到它，但他们不应该知道。

我用框架尝试过，但非常不舒服( window )

请给一些建议？非常感谢

Answer 1

原则上，您可以使用通过 Native Messaging 操作的单独程序在浏览器外部进行绘制。 ，但这将非常困难且过于复杂。然而，这是完全符合您的要求的唯一方法。

作为建议，您可以使用随机 ID 来隐藏图表，以防止此类简单的检查，甚至可以跳过使用 ID，而仅在变量中保留对创建的元素的引用。此外，将节点插入文档结构中的随机位置并使用绝对定位会进一步混淆它。检测起来会更困难(但并非不可能)。

除此之外，我认为没有太多可以提供帮助的想法。 Chrome 渲染器仅查看 DOM，并且没有 API 可以创建任何类型的覆盖。可以使用 Shadow DOM 对外部文档隐藏 DOM技术，但据我所知，影子根元素仍然对页面可见。