Javascript 任意网页的DOM检查

我正在尝试创建一个web应用程序，允许用户查看任意网页并以图形方式从这些网页中选择特定的HTML元素。本质上，我要求的是基本的Firebug，比如DOM检查功能，但是在web应用程序中

我的第一个想法是创建一个iframe来加载第三方网页，并用JavaScript检查它们的DOM，但我意识到由于同源策略，我遇到了问题

---

有没有办法做我想做的事情，或者出于安全原因，这是不可能的？如果我无法通过本机web应用程序获得所需的功能，那么为了获得所需的功能，我至少需要做出哪些妥协？要求用户添加书签让la Firebug Lite就足够了，还是我必须构建一个完整的浏览器插件？

您可以刮取页面服务器端，返回数据，然后呈现它。这减轻了原产地政策。。。。它本质上是将页面加载到字符串中，然后检索字符串，然后将字符串重新呈现到页面。@fallereneaper我以前尝试过类似的方法，但遇到了一些问题。。。如果来自abc.com的第三方页面引用了来自该域的资源，那么当我从服务器上逐字提供页面时，引用不会被破坏吗？是的。这就是事情开始变得有点棘手的地方。你正在尝试做一些会有很多危险信号的事情。您正在做一些内置于浏览器或某种扩展中的事情。你必须明白什么是允许的，什么是不允许的。现在，如果您想将这些数据集临时存储在服务器上的文件夹或其他东西中，您可以使用一台服务器来递归地获取信息。这是可行的，但实际上，您希望服务器工作多少，需要存储多少才能实现最终目标。你可能想做更多的研究。