Capture Full Size Screenshot Not Working

[Tadeo Lentz]

Howeverit seems that certain websites are coded in a way that the "Capture full size screenshot" feature does not know how to handle. And so then the resulting screenshot does not contain the full scrolled length of the page.

I'm wondering if there is some workaround; perhaps I could open the DevTools panel and adjust a certain element's HTML or CSS before pressing "Capture full size screenshot". Although it would be annoying to need to do this, I really don't want to install extensions.

Update on 2021-09-15: I just tried that JavaScript bookmarklet when a page at notion.site was giving me trouble, and the bookmarklet fixed the problem (and "Capture full size screenshot" then worked correctly).

I use the web version of Tinder app. There's a chat section inside a div and I want to take a pic of the entire chat in just one shot. The div element, which has a scroll function, is inside of this red border:

I went to div properties and changed the 'height' in CSS to 500%. Voil! Then I could use "Screenshot Node" feature on Firefox. It was not working before because the height was on 100% so the screenshot node only toke the visible part on screen, not all element :D

I use Nimbus Screenshot & Screen Video Recorder for most of my screenshots and has many options to capture different parts of the page, there are other options but this is the best I've found for sure.

This happens because the scroll area is not a browser viewport scroll. To confirm, scroll down the page and look for a full viewport scrollbar on the right. For instance on this page, its easy to see.

Likely there is overflow scroll trickery going on within a content area. The screenshot tool will scroll the viewport scroll, but not this content area overflow scroll. There is no viewport scroll, so the tool thinks there is nothing additional to screenshot.

Not suitable for this site This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.

I'm trying to capture the entire webpage(from the top navbar to the footer section at the bottom) on Chrome browser but I'm unable to because it only allows me to take screenshots of the viewport(my laptop's screen size).

No matter what size of simulator you use on any Macbook from any year, the screenshots are completely unusable on app store connect. App store connect requires extremely obscure, uncommon, and illogically sized images for screenshots. If you take a real screenshot on an actual iPhone 13 then try to upload that image it will also no work. Will Apple ever make software that properly works with its own development software? Will Apple ever make it so the simulators screenshots are properly sized or will apple allow for appropriately sized images to be uploaded for screenshots?

Apple should take a note from the people they are keeping their boot on the neck of. It is elementary practice to resize images on devices and in widgets. They are forcing these crazy restrictions due to sheer laziness and lack of ability.

Reassured by Claude's confident answer, I persisted in trying each phone model available to me in simulator until one eventually worked (iPhone 14 Plus). Then it really was as simple as pressing cmd-S and grabbing the screenshots as they fell onto my desktop and throwing them into App Store Connect. No issues with window scale or size once I found that magical device.

Can you give details of exactly which devices and sizes you are trying to upload, and exactly which screen size sections you are trying to upload them to, and exactly what the resulting error message is?

I am taking screenshots from my iOS Simulator and trying to put them into iTunes Connect but it continues to tell me that I have the wrong size. They are the same size with the pictures that are already in iTunes Connect. What just happened?

iPhone 6.5 display screenshot specifications lists iPhone Xs Max and iPhone Xr which is misleading. You must take screenshots using the iPhone Xs Max simulator which generates a 1242x2688 image. iPhone Xr screenshots are 828x1792 and will be rejected.

On my mac book pro, this makes the simulator taller than the screen, making screenshots with Shift + Command + 5 impossible. Luckily, the Simulator has the Edit > Copy Screen command (or Control + Command + C), which will make a perfect copy of the simulator contents, and which includes the portion of the simulator that you can't see.

There seems to be an issue with some versions of the simulator. Simply setting "Optimize Rendering for Window Scale" as @Semloh suggested wasn't enough for me and my screenshots would be too small as I was doing this on an Macbook Air.

I did this this once/twice for getting iPhone screenshots and 2/3 times for getting iPad screenshots - the window would snap the the full height of the viewport but each screenshot would be successively bigger.

I was trying in the iPhone 11 Simulator, and tried literally every different configuration available in Preferences and menu bar options. I'm using XCode 13.4.1 and many of the suggestions in this thread don't exist in this version.

I have a script where I set the view port size to 390, 844 (mobile view size) and then take screenshots of some pages, but the screenshot of one of the pages is not being taken like it looks in that size (responsive) even though I see that the objects order are in column while the script is being executed. It takes the screenshot in desktop size view but in a small picture. It takes the screenshots for the other pages correctly, like they see in that mobile view.

The site is responsive, so when setting serViewPortSize to (390, 844) to display the website in mobile size, the objects order change to be displayed in one column, and I can see them in the browser when the script is running, but in the screenshot the page is displayed like if you were seeing it in desktop size (up to 3 columns).

You showed a source code which contains 2 for blocks. The 2 blocks look very similar. I wonder why you have these 2 for blocks. To me it looks as if you pasted a set lines twice, which looks silly to me. You can remove this duplication by introducing a local Groovy function.

The first for block contains no WebUI.setViewPortSize(390,x) statement. The second for block contains a WebUI.setViewPortSize(390,x) statement. That seems to be only difference. The first block will take screenshot of browser window of the default width, as you do not specify the width explicitly. I do not see if this is what you intended or just your mistake.

You attached black rectangular images without any explanation what these are. You expected that people would be able to guess what. Well, you expect too much kindness from others. You should try to write readable descriptions in English. Often, you would have chances to realize mistakes in codes while you are writing detail descriptions. So I would recommend you, always write enough words in questionaires.

In the screenshots I have shared, the rectangles are elements in the page that change its order to column view after switching to mobile view. But you can see in both screenshots they have the same layout.

Hi gnarlyone, there is a maximum length after which the "full page" screenshot cuts off, but there shouldn't be a blank section before that maximum length is hit. Also, your example page isn't that long (or at least the full page screenshot works for me).

There seems to be a size limit for full page screenshots, so a very very large page a full page screenshot won't work properly.This is a canvas limitation in Firefox that only can hold a limited data volume (the screenshot image is drawn on canvas and then saved as a png/jpg file).

With the page you posted I get the full screenshot without issues (blank pages).I'm on Linux, so things might be different on this platform (there are known issues on Windows with large DIV elements).

Recently my phone has reversed the cropping of my screenshots and left me with the complete page. Not good for memes, or any other screens that are cropped for a reason. Embarrassing sending something you think is cropped but is not. Thanks apple. Hope this is a resolvable issue. Fing anoing

I am having the same issue as of the last update. Taking a screen capture and manually cropping to properly adjust the frame and remove any unwanted image (time, Wi-Fi connection etc) and saving from the screen shot is automatically reversing within photos to a full screen capture without the adjusted cropping. Editing again and cropping a second time does save it correctly. But this is an unnecessary additional step that never needed to be done before.

I'm having the same issue and it's driving me mad. I think I know what is happening though: I think that once you crop and press 'OK' you need to wait a second before hitting 'Save'. It seems with the iOS 16 update it takes longer to process the crop and if you hit 'Save' too quickly it saves the uncropped image.

To make sure we're on the same page, are you taking the screenshot, cropping, then using Markup? Or are you cropping these screenshots in the Photos app? Are you taking these specific steps: Edit photos and videos on iPhone

My project:

I want to create a screenshot that is higher than 2500 pixels.

But as I create an area with over 2500 px, it will be too big on the screen and hard to see the entire picture / size.

So my idea was that if I zoom out the page, I see the full content, but I can save the screenshot at a higher size.

3a8082e126