简体繁体 English

Selenium Webdriver仅获取视口的屏幕截图

[英]Selenium Webdriver take screenshot of viewport only

原文 2015-08-05 13:27:16 6 2 ruby/ selenium/ selenium-webdriver/ selenium-chromedriver

I only need screenshots of the current viewport, particularly respecting the scroll position. 我只需要当前视口的屏幕截图，尤其要注意滚动位置。 Basically what the current Chrome driver does. 基本上是当前Chrome驱动程序的功能。

From what I've read it seems this should be entirely possible, but for some reason the screenshot commands always strive to take a full document screenshot. 从我所阅读的内容看来，这应该是完全有可能的，但是由于某些原因，screenshot命令始终努力获取完整的文档截图。 In fact the IE driver takes multiple viewport shots and then stitches them together. 实际上，IE驱动程序会拍摄多个视口镜头，然后将它们缝合在一起。

I'm using the Ruby webdriver, and I can't see anyway to take a screenshot of just the viewport. 我使用的是Ruby Webdriver，无论如何我都看不到仅截取视口的屏幕截图。 Is it possible? 可能吗？

2 个解决方案

There are two competing definitions of "screenshot" when dealing with WebDriver. 在处理WebDriver时，有两个相互竞争的“屏幕快照”定义。 The first is the definition used by the open-source project, where a screenshot is defined to be an image of the entire DOM of the loaded page. 第一个是开放源代码项目使用的定义，其中屏幕快照定义为加载页面的整个DOM的图像。 In this case, both the IE driver and the Firefox driver are doing the correct thing as defined by the project since 2010. The Chrome implementation of WebDriver is incorrect in returning an image of only the visible view port. 在这种情况下，自2010年以来，IE驱动程序和Firefox驱动程序都在执行项目定义的正确操作。WebDriver的Chrome实施错误地返回了仅可见端口的图像。

The W3C WebDriver specification , on the other hand, defines screenshots to be of the current view port only. 另一方面， W3C WebDriver规范将屏幕快照定义为仅当前视口。 This is at odds with the current open-source project's driver implementations (IE and Firefox), and can be expected to change in the future. 这与当前的开放源代码项目的驱动程序实现（IE和Firefox）不一致，并且可以预期在将来发生变化。 Once the specification has attained "Candidate Recommendation" status, those drivers are likely to be updated. 规范达到“候选推荐”状态后，可能会更新那些驱动程序。

As an aside, it should be noted that the IE driver in no way uses a "scroll-and-stitch" method to create its screenshots. 顺便说一句 ，应该注意的是，IE驱动程序绝不使用“滚动拼接”方法来创建其屏幕截图。 It does resize the browser window large enough to display the entire DOM, as calculated at the moment the screenshot is requested, and take an image of that. 它确实将浏览器窗口调整为足以显示整个DOM的大小，以显示整个DOM（如在请求屏幕快照时计算的那样），并拍摄图像。 However, please note that there are issues with IE 10 and 11 in producing these full-DOM screenshots depending on the bit-ness of your operating system and of the IEDriverServer executable you're using. 但是，请注意，根据操作系统和所使用的IEDriverServer可执行文件的位数，生成完整的DOM屏幕截图时，IE 10和11存在问题。

At present, you'll need to use a tool external to WebDriver to obtain view-port-only screenshots for IE and Firefox. 目前，您需要使用WebDriver外部的工具来获取IE和Firefox的仅查看端口的屏幕截图。

This is a frequently changing issue.. 这是一个经常更改的问题。

AFAIK right now Chrome- and IEDriver both capture screenshots of the viewport only, while FFDriver captures a full-page screenshot (FF will change this in the future). AFAIK现在，Chrome-和IEDriver都仅捕获视口的屏幕截图，而FFDriver则捕获全页面的屏幕截图（FF将来会对此进行更改）。 See also my answer to this question . 另请参阅我对这个问题的回答。