如何打印(在屏幕上)带有外部 url 的 iframe 所需的所有 JS 代码

Posted

技术标签:

【中文标题】如何打印(在屏幕上)带有外部 url 的 iframe 所需的所有 JS 代码【英文标题】:How to print (in the screen) all JS code required by an iframe with external url 【发布时间】:2016-01-28 11:15:39 【问题描述】:

我想在 iframe 中显示一个网页(外部 url),然后在 textarea 中显示此 iframe 请求的所有代码 JS。

它就像一个萤火虫控制台(我们可以看到所有脚本及其源代码),但我只能使用前端语言(可以是任何库,甚至是纯 javascript)。

我有一个跨域问题,即使我能够执行请求(例如使用 getScript),我也无法获取源代码,代码本身...没有“textResponse”...

我该怎么做?有可能吗?

【问题讨论】:

这是可能的,但需要使用服务器来请求 html 并汇总页面所需的信息。由于 CORS 政策,浏览器将无法为您获取该信息 我害怕这个:( 请注意,它不必是您的服务器。查找 YQL。使用 YQL,您应该能够获得包含 src 属性的所有 @KevinB 非常感谢,真的,你拯救了我的一天 :) 【参考方案1】:

可以获取此信息,但是需要使用服务器。

但是,它不一定是您的服务器,您可以使用第 3 方服务器来获取此信息。 YQL 就是这样一种服务。

https://developer.yahoo.com/yql/console/#h=select+script+from+html+where+url%3D'http%3A%2F%2Ftrello.com'+AND+script.src+!%3D+''

【讨论】:

以上是关于如何打印(在屏幕上)带有外部 url 的 iframe 所需的所有 JS 代码的主要内容,如果未能解决你的问题,请参考以下文章

如何使用外部图像 url 打印 iframe 内容

当我们单击带有打印窗口的屏幕中的任意位置时,引导模式背景不会消失

IE 11 - 屏幕字体、带有媒体类型的打印字体不起作用

如何在 varnish 中调试 VCL?

如何将外部 URL 加载到我的 webview 中?

如何使用 Storybook 构建具有外部挂钩的屏幕?