How to Capture a Full-Page Screenshot in Chrome or Edge

Google Chrome

Hit F12 or CTRL + SHIFT + J to open browser console.

Click the opened console, then hit CTRL + SHIFT + P, or...

Click the vertical three dots on top far right on the console, then click Run command.

Then type in capture or screenshot. Pick (click) the Capture full size screenshot.

You need to provide where to keep the screenshot. It will be an image with .png type (usually). And BAM!

A full grown screenshot is saved.
I mean full page screenshot.

Microsoft Edge

Almost similar to the above steps. But Edge has different shapes for the icons. Instead of vertical three dots, Edge has the horizontal three dots. Same location, top far right of the browser console.

The rest of the steps are similar.

And BAM!

ℹ️ Limitation

Content Served With Iframe

For website which implements iframe for Content Security Policy (CSP) Enforcement (or sandboxing), for instance, Blogger — the preview page, and many other sites — especially with login (user management), this full size screenshot feature won't capture the entire page.

The reason is that the "entire page" you see is actually embedded within an iframe, which is served as a separate document. The full page capture feature in Chrome or Edge only grabs the parent HTML document, from top to bottom, and does not include the content of embedded iframe.

Look at this feature as an act of taking a photograph of a house from the outside. The iframe is like the kitchen, the living room, and all.

Full size screenshot with iframe analogy

But hey, on actual website, how can they show those "inner compartments" to "naked eyes" but not to "a camera"? Your analogy is flawed.

Yes 😎

How come a singular iframe can be those rooms?

Agreed.

WHAT?

Indeed.

Content Served With Scrollable Container

The other limitation is for a webpage which implements overflow-y: auto or overflow-y: scroll to specific containers inside the page, and the document.body of the HTML is set to have overflow-y: none (no scrollbar).

Screenshot or full-page capture tools, they often only capture the main viewport (document.body). If the content is set as above technique (placed inside a scrollable container), it won't be captured fully unless scrolled manually.

Full size screenshot with scrollable container

Last modified on 2025-03-02T03:47:21-08:00

✒️ Edit

Comments

Trending in Last 7 Days

The Girl Who Replied to the Prince of Nigeria

Once there was a girl named Elsie, who received a curious letter — not by post, but through the shimmering scroll of her inbox . It was from a prince , exiled and alone, trapped with seventeen million dollars and no one to trust. Moved by noble compassion (and mild curiosity), Elsie replied with her full name, bank details, and a JPEG of her cat 🐈 He seemed so polite , she later said. He even used full sentences — none of that lol nonsense. But alas! The moment she clicked Send , her screen flickered. Her icons rearranged themselves. Her fonts turned to Comic Sans. And deep within the motherboard, a voice whispered, Your inheritance is processing... — like waiting for a completion with a progress bar stuck at 98% endlessly. Oh, let's make it as a theatrical description — tis like waiting at the edge of salvation, whilst the bar of progress halts; ninety-eight percent, ever taunting, never moving, a silent sentinel of false hope 🎭 Elsie was never seen o...

The Boy Who Wanted More... PDF

I was looking around for folktales from around the world. And, a-ha! That Dutch folktale, "The Boy Who Wanted More Cheese" — Klaas. So then I searched that on mobile, and this autocomplete appeared... 🤣 Most unexpected... Hm, now then, what have we here? The village Volendam in the story most certainly has no internet, nor even a computer, as it is set in a time before the Integrated Circuit (IC) was invented 🤔 😃 We shall proceed with modern Klaas then 💡 A tale of a boy with three keyboards, two mice, and regrets. 📖 The Boy Who Wanted More... PDF Documents 💾 Once, in the village of Softwaren... ...there lived a boy named Klaas, who longed not for riches, nor cheese, nor even attention — but for a comprehensive digital archive. Day and night, he clicked Download Now buttons with reckless abandon, hoarding PDFs of forgotten manuals, pixelated folklore scans, and user agreements none dared read. His folder structure grew vast and incomp...

Do Monkeys and Apes Eat Bananas in the Wild?

No. It's Hollywood's generalisation 🤷‍♂️ Like us, monkeys and apes are omnivores. Now why is an omnivore only interested in one type of fruit... banana 🍌? 🤔 Why indeed... But if offered one, certainly, don't mind if I do! Banana is not naturally their diet in the wild because: Banana plantations are human territories. Wild banana plants clusters are not monkeys' or apes' main habitats — and the wild banana fruits are not tasty like the human-designed monocultures. Hence, humans designed the monocultures to produce the tasty banana fruits. This should loop back to point 1. The monocot plant itself is not even something they would climb and settle , as in sit or come to rest in a comfortable position . Imagine... 🐒 What's this? A bit of vertical challenge, eh? (Proceeds to climb a banana plant in under one second) 🐒 Ah, quite marvelous here. Nature's cushion at its finest. The view... It's all obstructed. Mm, spl...

Is [Number] Prime?

Did you ever wonder if 1331 is a prime number? Wonder no more! Using this application below, we can directly find the answer ✅ Above is an application to check whether a number is a prime number. Type your number input on the application, then simply press Enter or button. Motivation We sometimes saw peculiar number patterns, did we not? I, particularly, wondered, is that a prime number? 🤔 For instance, Boeing 737. The 737, it looks like a prime number. Therefore, this post 🙂 Here is a list of prime numbers from 1 to 1,000. 2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191, 193, 197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307, 311, 313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431, 433, 439, 443, 449, 457, 461, 463, 467, 479, 487, 49...

How Do I Spell 5785?

Let's begin. 5785 is spelled as: F... I... V... E... space... S... E... V... E... N... space... E... I... G... H... T... space.... F... I... V... E... That is the most accurate spelling of 5785 in English. Right then. We shall march onward to the next section 🎺 🏰 Noble Digit The Noble Digit is an application I built that translates any real number into properly formatted words , ready to be spoken, written, sung, or shouted from castle balconies. It accommodates: Positive numbers ✅ Negative numbers ✅ Decimal numbers ✅ And formats them in British , US Informal , US Formal (fractional), and... 🍻 Drunk Bard – because of course it does. Whether you're dealing with: 19872900 ➡️ nineteen million, eight hundred and seventy-two thousand, nine hundred Or something absurd like -0.003 in US Formal ➡️ negative zero and three thousandths It handles it with grammatical grace, optional hyphens, and the proper and where it should be. 📷 Sna...

Treasure Hunting in Movies vs. Real Life

🎥 Movies We found an ancient treasure! We're rich! ❗Reality How do we even convert this to currency? 😕 Right? Before we continue, did you notice the fingers, eyes, and reality glitch on certain fellows on the image above? That is some treasure hunting misfortunes ☠️ We know the trope emphasizes on adventures, dramas, and actions. But somewhere deep down, we also had those questions 🤔 Like, how does that go exactly? Question. The rich part. This is the trope where the adventurers roamed so bravely without obvious funding and sponsor and confidently presumed they'd be instantly rich just by locating the treasure from the information on a brittle goo-smudged paper — is it up or down or sideways? — ancient map. I was baffled because films always rolled the credits before ever explaining the treasure conversion process, which, let's be honest, probably doesn't exist. The formula: Drama build-up ➡️ Adventure and action ➡️ Found treasure ➡️ Celebrat...

JavaScript: REFERRER

The browser stores some information about HTTP request headers. They're useful for many purposes. One of the headers is the referral information. It's the previous referring URL of the current URL. URL Referrer Concept This post has links to another posts. If we go to any of those (click the link), then this URL will be the referrer of that link. Similar to ordinary referral (referring) concept in daily life, but within web (HTTP) realm. Legendary Misspelling Year Context Spelling Used Notes Pre-1996 (until now) Standard English Referrer ✅ The correct spelling in proper English. 1996 HTTP/1.0 Specification (RFC 1945) Referer ❌ A typo in the RFC that became part of the official HTTP header. It was never corrected to preserve backwards compatibility. Late 1990s - Early 2000s ...

I Found a Tiny Orange Mosquito

This insect was sticking on my nose while I tried to figure out something on the computer. I thought it was dust, turned out, a living mosquito. I took pictures of it. A remarkable all-orange mosquito this was. Perhaps it is a genetic mutation of sort. I call this as aureo-rufus (golden-red) mutation 🧐 Almost amber in hue. Its bite was quite odd, it actually felt like a tiny ember instead of mosquito-itch. Thus, that explained why the "dust" felt "weird". But it left no serious poison, it was rather similar to common mosquito after-bite papule . It had smaller size compared to ordinary mosquito... Perhaps it had not taken the necessary nutrition. Since with this orange color, it would be quite hard to blend in with the surrounding. According to my action of taking notes in animal world, most of the time, a bright-colored (yellow-red-orange pattern) fellow usually is quite venomous. It indeed followed my observation notes — which is unrelat...

Highlander

I watched the TV series because of Adrian Paul . He did marvelously in the series no doubt. But then... I watched the movie and realised something 🤔 There was that Juan Sánchez-Villalobos Ramírez character played by Sir Sean Connery. 2,000+ years Egyptian-born immortal which takes a Spanish name, speaks with a full Scottish accent, never set foot in Scotland 🤷, wields a Japanese katana 🤨, trains a Scottish Highlander how to fight, dies dramatically because... There can be only one! 🤯 One ? Indeed that is one party of a character. Now we'd think the one which was an actual Scottish would play, you know, as an actual Scottish . But that would not be Hollywood without the ethnic roulette and convolution . Creativity. 🤔 I suppose it was deliberate after observing the patterns in many Hollywood productions. 🧠 Hollywood 101: that . Let's further elaborate that specifically for Highlander (1986) and, of course, the TV series. The character Juan Ram...

Pants

I was thinking about... ... pants 🤔 Why is it "still" a pair of pants ? Like we were still in the days when we wore it per-leg basis 😂😐 Ah, fascinating how... ... the term did not advance like the garment did 👖🩳 Similar to scissors or glasses (eyewear). They are now 💥 as one tool , but are called... as they were separate. Scissors were literally two (small) blades ⚔️ operated by both hands. Each blade was held on each hand, being positioned like ⚔️ for snipping things ➡️ Now, same function, but it's advanced — blades are combined with a pin plus the majestic holders for the fingers, conveniently can be operated by one hand — into one amazing tool, this ✂️... But still, "a pair of scissors". I'd call it sniper . Yes, that's right, one "p". It would add the confusion, thank you. Glasses 👓 ... Similar to scissors and pants. Leg Tubes Let's focus on this bit. Because there is a pair of underpants . Before the Dark...

Monkey Raptor V.2

Search This Blog