有什么标准的JS方式可以拍摄跨域iframe的图片屏幕截图?

问题描述

我目前正在网站上开发广告报告功能,该功能将广告系列元数据与用户报告捆绑在一起(在france24.com上进行测试)。

使用程序化广告和安全框架/跨站点保护,您大部分时间无法从生成报告的父页面访问呈现的HTML代码。 我正在尝试使用仅广告iframe的图片屏幕快照替换此无效的html提取物。以便可以在Google广告管理系统中使用反向图片搜索更轻松地找到它。令我惊讶的是,这些天没有标准方法可以在JS中获取图像截图...

我发现了很棒的html2canvas(https://html2canvas.hertzen.com/)库,但它似乎不适用于跨站点iframe。 iframe2image(https://github.com/twolfson/iframe2image)也是如此。

我看到您可以使用MediaDevices.getUserMedia()请求用户屏幕视频并制作图像,但它会引发3个问题:

  1. 您松散了对当前页面偏移量的引用,因此您无法“仅”获得广告屏幕截图
  2. 用户选择他/她共享哪个屏幕/窗口,这意味着它可能不是您的页面,并且您不会获得有关上下文的任何详细信息
  3. 大多数用户可能会因为该请求具有侵入性而放弃该请求

您知道我能以轻巧的方式使用JS获取外部iframe的屏幕截图吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)