通过iFrame查找和突出显示元素的问题

我想在我的web应用程序中创建一些突出显示/选择工具[使用jQuery]，该工具监视您将鼠标悬停在iFrame上的哪些元素，选择悬停元素，以及使用该元素的样式创建覆盖<div>。想想你的网络检查员中的元素选择工具。通过iFrame查找和突出显示元素的问题

这里有一个演示使用p，a，并且h2元素选择（超过一个悬停）：http://jsfiddle.net/ST539/1/

我遇到的问题是，这似乎只对某些网页的工作，而且我我不知道是什么原因造成的。这里是另一个演示使用example.com：http://jsfiddle.net/ST539/2/

任何元素没有高亮显示。任何人都知道发生了什么？

Same origin policy。 JavaScript不能从不同的域访问iframe d document。

有一些解决方法，但大多数干净的需要一些设置在其他域的页面。参见：Ways to circumvent the same-origin policy

2013-04-26 02:48:01

啊哈！布拉沃先生。 – 2013-04-26 02:56:29

对这些消息的使者抱歉，但是，同一起源警方是一个非常重要的安全方面。例如，假设你是页面中的'iframe'广告，你不会喜欢那些修改你的父页面。 '=]'上面列出的大部分解决方法都需要某种形式的“验证”访问权限，因此其他页面必须允许访问该访问权限。 – 2013-04-26 02:58:00

虽然，您可能希望考虑制作浏览器扩展程序或其他内容，但Chrome扩展程序并非难以制作，并且我不相信这些限制。 – 2013-04-26 03:00:08

回答