Selenium: il driver chrome fa lo screenshot solo della parte visibile della pagina

Question

Ho bisogno di fare uno screenshot della pagina intera usando il driver chrome, ma lo rende parzialmente.

File screenshotFile = ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE); 

Lo screenshot sembra rettangolo come visibile con le informazioni corrette e grande area nera al di sotto.

Answer 1

Questo è un bug noto: https://code.google.com/p/chromedriver/issues/detail?id=294 (solo per il driver Chrome, Firefox conducente funziona bene)

Answer 2

è necessario utilizzare

carico html2canvas.js

var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = 'https://github.com/niklasvh/html2canvas/releases/download/0.5.0-alpha1/html2canvas.js'; 
document.head.appendChild(script); 

comando per scaricare tutta pagina screenshot con questo comando

html2canvas(document.body).then(function(canvas) { 
    var a = document.createElement('a'); 
     // toDataURL defaults to png, so we need to request a jpeg, then convert for file download. 
     a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream"); 
     a.download = 'somefilename.jpg'; 
     a.click(); 
}) 

si può chiamare Lo script s utilizza javascriptexecutor e ottiene i risultati desiderati in quanto il download dell'immagine si avvierà automaticamente al percorso di download predefinito e si può cambiare il nome del file con un argomento di input del comando javascriptexecutor del selenio.

spero che questo aiuti!

Answer 3

Potenza pena di provare a usare questa libreria:

https://www.assertthat.com/posts/selenium_shutterbug_make_custom_screenshots_with_selenium_webdriver

Per effettuare una pagina intera schermata:

Shutterbug.shootPage(driver, ScrollStrategy.BOTH_DIRECTIONS).save(); 

(si utilizza il metodo di scorrimento e-punto)

Fonti su github https://github.com/assertthat/selenium-shutterbug

Fornisce un ility per rendere lo screenshot della pagina intera in Chrome e alcune altre funzionalità estese, testate su Windows e OS X.

Utilizzare con successo sul mio progetto corrente.

Answer 4

So che questo è un thread vecchio, ma volevo mostrare l'uso di ItakesScreenshot di Selenium.

using OpenQA.Selenium; 
using System.Drawing.Imaging; 

((ITakesScreenshot)driver).GetScreenshot().SaveAsFile(@"YourImageNameHere.png", ImageFormat.Png);