Javascript-将代码注入包含第三方站点的iframe

Javascript-将代码注入包含第三方站点的iframe,javascript,jquery,iframe,reverse-proxy,Javascript,Jquery,Iframe,Reverse Proxy,上下文 我正在将第三方网站(如google.com)加载到我网站的iframe中。我希望能够将我自己的脚本(例如jquery)应用到页面上,以便更改DOM元素,但由于CORS策略,显然不能。我知道解决这个问题的方法是反向代理,但我还没有看到任何简单的版本或演练来解释如何设置这样的代理 问题 到目前为止,我发现以下两个软件包试图解决这个问题: 我不确定最简单的iframe应用程序是什么-是否有一个示例/jsfiddle显示了这一点?您可以使用端口选项等从命令行运行corsproxy,然后将if

上下文

我正在将第三方网站(如google.com)加载到我网站的iframe中。我希望能够将我自己的脚本(例如jquery)应用到页面上,以便更改DOM元素,但由于CORS策略,显然不能。我知道解决这个问题的方法是反向代理,但我还没有看到任何简单的版本或演练来解释如何设置这样的代理

问题

到目前为止,我发现以下两个软件包试图解决这个问题:


  • 我不确定最简单的iframe应用程序是什么-是否有一个示例/jsfiddle显示了这一点?

    您可以使用端口选项等从命令行运行corsproxy,然后将iframe src设置为
    http://yourserver:corsport/google.com/
    这将允许您访问iframe的内容。您可能必须在nginx或apache中设置reverseproxy,以便显示您的corsproxy和其他脚本正在同一端口上运行。太好了,谢谢@ShamSUP-所以corsproxy将CORS头插入正在加载的站点,nginx执行实际的反向代理?我不确定我是否理解这里的每一部分都在做什么……Corsproxy是一个应用程序,它加载您传递给它的任何url。它在您的服务器上运行,以便绕过跨域iFrame的cors规则。nginx/apache反向代理只是为了防止cors阻止对同一域但不同端口的访问。