How can I take browser screenshots at a higher resolution than my browser supports?

Question

I need to take a screenshot of a website as it would appear on a very high resolution monitor... say 16000x12800 pixels. My laptop's screen has a native resolution of 1280x800. Basically, I need to simulate having a monitor resolution much higher than my monitor and video card actually supports. I want the screenshot of the site to look pretty much how it does when you hit CTRL MINUS (zoom out) in Firefox repeatedly, but without any loss of pixels due to scaling. How can I do this? Is there some way to use virtual machine software to simulate a super-high-res display? If not, is there some way to open a browser window bigger than the screen, and then capture its contents as a PNG somehow? Anything else that might work?

Here was an answer: How can I take browser screenshots at a higher resolution than my browser supports?

But it doesn't work. Firefox remains in the resolution of the physical screen. The window blinks and shrinks back to normal resolution.

Please Help!!

Solution 1

Use Xephyr to create a nested X session:

Xephyr :1 -screen 10000x10000
DISPLAY=:1 some-browser
DISPLAY=:1 screenshot-program

Most browsers tend to create new windows with an existing session even if you change the display, so you might have to close existing browser windows or use some notoriously underdocumented command-line option.

Solution 2

If your machine has a decent graphics card by ATI or Nvidia, it should support panning. Meaning to say, your desktop display remains at the same resolution but it creates a custom sized virtual desktop (larger than your resolution) that you can scroll around (sort of like using your monitor as a magnifying glass).

From there, just maximise your firefox browser and it will fill up the virtual desktop space, and then you can use screenshot functions that print anything within a window.

I've tried this on Ubuntu using a laptop with Nvidia GTS 360M and the scrot function and it works perfectly.

Alternatively, if you are trying to have enough desktop real estate to print something like Google Maps map tiles, you can always save the html and make adjustments to the tags and reload the html. That has worked for me too.

Comments

[HikeMike]

What OS do you use? Have you read the comments over there? "Maybe it's a Windows XP thing (that's what I'm stuck with here). In any case, I can work around it by using FireBug to insert a DIV with style="width: 4000px; height: 3000px;" into the HTML code, and then using FireShot, so I'm still good."

[HikeMike]

Btw, are these numbers real or did you add a few too many zeros at the end?

[uxout]

Did you mean 1600x1200? o.O It might help if you explain more clearly what you're trying to do. Like Martin says, I just can't imagine a page that size...hell, it might break some browsers.

[middlestump]

It is a website with 100% width. There are more details, if the screen have a higher resolution. So if the screen have 1600x1280, there are more information. And at 16000x12800 more details too.

[middlestump]

But i need more, much more!!!