[Question]FullPage Screenshot on frame

[manse-murhana]

I want to fullPage screenshot in webpage used frame.
ex.) https://www.quackit.com/html/templates/download/preview.cfm?template=../frames/css_frames/frames_2_column_left_menu.cfm

I wrote this code, but playwright can take a part of page screenshot.

await page.screenshot({ path: 'screenshot.png',fullPage: true });

Can I take a fullpage screenshot in this page?

[yury-s]

Can I take a fullpage screenshot in this page?

What you get is the full page (main and nav elements fit exactly tab's viewport size). There is an element inside that uses a viewport and I guess you want to capture that one. You can take screenshot of just that element like this:

  await page.locator('main').locator('.innertube').screenshot({ path: 'screenshot.png' });

but note that the element seems to only render what is currently visible on the screen. If you wan to see the entire element rendered you'll need to tweak the code of the page, there is no dedicated API in Playwright for that.