当前位置: 首页 > 知识库问答 >
问题:

javascript - 如何对包含iframe的页面进行截图生成图片?

谭志用
2023-05-12

javascript - 如何对包含iframe的页面进行截图生成图片?

共有1个答案

燕英逸
2023-05-12

受同源策略的影响, 不允许访问iframe中的contentWindow和contentDocument, 所以截不了图.
只能主窗口通过 postMessage发送消息到iframe, 让iframw这个页面主动截图, 然后把图给发到主窗口.

原来是可以通过设置 document.domain 属性来修改源的, 现在这个属性已经废弃了.

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/domain

 类似资料:
  • 我知道这在以前是不可能的,但现在有了以下更新: 现在有可能在Java中使用Selenium吗?

  • 我项目中通过 webrtc 截图的步骤参考的 这篇文章 里的步骤 但是最终实际截出的图比较模糊,如果我想要提升清晰度要如何操作呢? 我把video容器的长宽放大两倍,最后生成的canvas图片也是模糊的……

  • 我正试图使用selenium和chromedriver进行全页截图,但我得到的是这一半截图。我尝试过其他方法,但到目前为止,只有这一个工作,它只需要半页截图。 任何人都可以用另一个技巧来修复这个问题,也可以附加输出结果。

  • 场景: 比如有一个调查问卷的项目,每个问卷里有很多道题,点击可以切换下一道题 假设我需要在显示之后的题目之前,展示所有题目的预览页面,且可以截图,应该如何显示? (如果只能在预览页面里遍历所有的题目全部渲染,这样是否会有性能问题?)

  • 问题内容: 是否可以使用JavaScript截取网页的屏幕截图,然后将其提交回服务器? 我不太担心浏览器的安全性问题。等,因为实施将针对HTA。但是有可能吗? 问题答案: 我已经通过使用ActiveX控件为HTA完成了此操作。在VB6中构建控件以截取屏幕截图非常容易。我必须使用keybd_event API调用,因为SendKeys无法执行PrintScreen。这是该代码: 这只会使您到达将窗口

  • 在尝试了各种方法之后...我偶然发现了这个页面,用chromedriver、selenium和Python进行了全页截图。 原始代码在这里。(我在下面的帖子中复制了代码) 它使用PIL,它的工作很好!然而,有一个问题...也就是说,它捕获固定的标题和整个页面的重复,并且在页面更改期间遗漏页面的某些部分。获取截图的示例url: Util.Py