首页 > 解决方案 > 如何访问跨域 iframe 的原始 DOM?

问题描述

我正在尝试通过 Chrome 浏览器扩展访问 iframe DOM 元素,例如document.querySelector("iframe").contentWindow.documentiframe 的源是跨域的。我收到一个权限错误,谷歌告诉我这是因为浏览器明确禁止这样做。

但是,我确实可以通过检查器工具访问我这边的原始 DOM。如果我在检查元素后在控制台中运行相同的命令,我可以使用相同的命令访问我需要的确切的内部 HTML 元素,而不会出现权限错误。我认为这是因为我正在查看 DOM 而不是试图从源代码中获取它,这是我需要的,只是在 chrome 扩展而不是 chrome 控制台中。是否可以简单地读取离源 iframe 中的内部 HTML 元素的 DOM?即使不是通过 chrome 扩展?

在这一点上,我想我必须编辑 chrome 浏览器本身。请帮忙。

标签: javascripthtmliframe

解决方案


由于浏览器的安全限制,您不能在跨域 iframe 上执行此操作。您唯一的选择是让其他站点为您的站点启用 CORS


推荐阅读