Screenshotting web pages of different lengths

Help Studio
, , ,
1

I have a process where I need to screenshot multiple web pages, the problem is that they can be of different lengths. Some don’t require scrolling and just one screenshot, some require a lot of scrolling (e.g. 20+ screenshots).

What I’m looking to do is create a short loop of simply “screenshot, scroll” and repeat until it can’t scroll any further. The issue is that I don’t know how to tell it to stop this loop once it reaches the bottom of the page. There is no common element on each form that marks the end of the document.

2

Check by anyways u can capture the end of scrolling bar
As there will be no gap when page end is there
U can check this by image exist activity where in image capture where it’s end of the page and here is not space left for scrolling

3

Just tried it, I guess the scroll bar isn’t considered part of the same window so it doesn’t let you target the scroll bar.
image

4

Try with image exist activity

5

I don’t seem to have that activity and can’t find it in the available packages.

6

Hi @charles.bain

You can try this way,

Indicate the end of the page element, you can use Element exists or Image Exists activity

image

Regards,
Gowtham K

7

Enable classic or select classic from project settings
It’s classic design activity

8

We’re not allowed to use classic design activities, they have to all be modern.

I’ve thought of a work around but not sure the exact activities to use. I’m going to scrape the entire form, assign the last 50 characters or so to a text string then check to see if the string is visible on the page. If not then it scrolls again. I’m not sure the activities I need to use for this though, none of them seem to allow me to only target the visible screen, they target the entire web page.

9

If you have CV license then try using this by CV

10

Company doesn’t have a CV license and they’re reluctant to get one as it’s sensitive data. I’ve been trying to get a JavaScript injection to work but it keeps giving errors.

function isBottomReached() {
    return (window.innerHeight + window.scrollY) >= document.body.offsetHeight;
}
isBottomReached();

The image shows a script code snippet in an Expression Editor with a list of compiler errors on the right, indicating issues with expected characters, syntax, and invalid references. (Captioned by AI)
The image shows a script code snippet in an Expression Editor with a list of compiler errors on the right, indicating issues with expected characters, syntax, and invalid references. (Captioned by AI)1166×554 39.7 KB

I’ve only done a bit of JavaScript so it’s possible there’s an error with the code but I can’t see it. I think it’s a UiPath issue but not sure what.

11

in chrome you can use the “full size screenshot” feature How to screenshot on Chrome (including a full page screenshot) | Zapier.

Or try to “print” the page as a pdf.

12

Don’t know if this will help anyone in the future but the solution I used was to use hotkeys to open the windows print dialog (Ctrl + Shift + P) and then saved the page as a pdf. I then used “convert page to image” activity to create a series of images by looping through the document.

Another solution I used on a different page was to target a UI element that only existed at the top of the page, then start the screenshots from the bottom of the page, scrolling until the target UI element became visible.

13

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.