目前我正在尝试使用Selenium WebDriver捕获屏幕截图.但我只能获得整页屏幕截图.但是,我想要的只是捕获页面的一部分,或者只是基于ID或任何特定元素定位器捕获特定元素.(例如,我希望用图像id ="Butterfly"捕获图片)
有没有办法按选定的项目或元素捕获屏幕截图?
我目前的代码看起来像这样.
var webdriver = require('selenium-webdriver'),
until = webdriver.until,
By = webdriver.By,
fs = require('fs');
var driver = new webdriver.Builder()
.forBrowser('chrome')
.build();
driver.get('https://www.google.com/');
driver.findElement(By.css('#hplogo')).then((el) => {
el.takeScreenshot().then((data) => {
var base64Data = data.replace(/^data:image\/png;base64,/, "");
fs.writeFile(__dirname + "/out.png", base64Data, 'base64', (err) => {
if(err) console.log(err);
});
});
});
Run Code Online (Sandbox Code Playgroud)
当我运行它时,我收到错误消息:
/home/project/node_modules/selenium-webdriver/lib/promise.js:654
throw error;
^
UnsupportedOperationError: unknown command: session/797c146086bc89ad245f76ce99302a48/element/0.9715665113180876-1/screenshot
at WebDriverError (/home/project/node_modules/selenium-webdriver/error.js:26:26)
at UnsupportedOperationError (/home/project/node_modules/selenium-webdriver/error.js:435:26)
at Object.checkLegacyResponse (/home/project/node_modules/selenium-webdriver/error.js:578:13)
at /home/project/node_modules/selenium-webdriver/lib/webdriver.js:360:15
at Promise.invokeCallback_ (/home/project/node_modules/selenium-webdriver/lib/promise.js:1329:14)
at TaskQueue.execute_ (/home/project/node_modules/selenium-webdriver/lib/promise.js:2790:14)
at TaskQueue.executeNext_ (/home/project/node_modules/selenium-webdriver/lib/promise.js:2773:21)
at /home/project/node_modules/selenium-webdriver/lib/promise.js:2652:27
at /home/project/node_modules/selenium-webdriver/lib/promise.js:639:7
at …Run Code Online (Sandbox Code Playgroud)