How to capture fullpage screenshot using chrome extension

[sakthivel c]

Hi,

I have developed extension for chrome browser to capture full page screenshot and it will be stored in my site. The problem is currently i can able to capture only visible page.

anyone have idea to capture full page?.

[Haseeb Udeen]

Hi, did you find the solution to your problem? I would love to know how you did it, with a code example.
Thank you

[Stefan vd]

Hi hitmano,

You can use the captureVisibleTab API to get a screenshot of the currently active tab.

https://developer.chrome.com/docs/extensions/reference/tabs/#method-captureVisibleTab

See the StackOverflow post:

https://stackoverflow.com/questions/4573956/taking-screenshot-using-javascript-for-chrome-extensions

Thanks,
Stefan vd

[Haseeb Udeen]

Hi Stefan,

Thank you for the help. I got a way to take the screenshot of full webpage (visible and non visible) by html2canvas library. This is really cool :D.

Best,

Haseeb

[Stefan vd]

Hi Haseeb,

Great, that you find a solution to your problem. And thank you to share it here.

Thanks,
Stefan vd

[D T]

html2canvas will work but each call will raise CSP errors in MV3 on certain sites.  This is due to the DOM manipulation code it executes like node replaceChild etc.