Как нарисовать ограничительную рамку на элементе с помощью Puppeteer

Question

Я новичок в Puppeteer и JS, но мне было интересно, как найти элемент на веб-странице и нарисовать ограничивающий прямоугольник вокруг него, так что если я сделаю снимок экрана, то поле будет видно (я хочу снимок экрана всегостраницы, но хотите увидеть также ограничивающий прямоугольник.

Answer 1

Этот код добавит красную рамку в ваш вопрос и сделает его снимок экрана.

await page.goto("/8594264/kak-narisovat-ogranichitelnuy-ramku-na-elemente-s-pomoschy-puppeteer");
const element = await page.$(".question");
await page.evaluate(el => el.style.border = "5px solid red", element);
await element.screenshot({ path: "./question.png"});