Google chrome 如何从控制台调用Chrome节点屏幕截图

我知道您可以在命令提示符下捕获单个html节点，但是否可以像Puppeter那样从控制台以编程方式执行此操作？我想循环一个页面上的所有元素，并捕捉它们，偶尔用于一次性项目，我不想在Puppeter中设置完整的身份验证过程

我指的是这个功能：

但是像在foreach或类似的过程中一样从控制台执行

大意如下：

---

$x（“/*[contains（@class，'special class name'）]”）。forEach（（el）=>el.screenshot（））

我刚刚制作了一个脚本，在谷歌主页上的每个提交按钮上都会截图。只要看一看，从中获得一些灵感

const puppeteer = require('puppeteer')

;(async () => {
    const browser = await puppeteer.launch({
        headless:false,
        defaultViewport:null,
        devtools: true,
        args: ['--window-size=1920,1170','--window-position=0,0']
    })

    const page = (await browser.pages())[0]

    const open = await page.goto ( 'https://www.google.com' )

    const submit = await page.$$('input[type="submit"]')

    const length = submit.length

    let num = 0

    const shot = submit.forEach( async elemHandle => {
        num++
        await elemHandle.screenshot({
            path : `${Date.now()}_${num}.png`
        })
    })

})()