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. Especially when the iframe is

scrollable.

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 full (scrollable) content of the embedded iframe. But it still includes the partial, viewable content of the iframe.

Full size screenshot with iframe analogy

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

Mozilla Firefox

Chrome and Edge use the Chromium engine, which has a well-supported headless mode and full-page rendering capability. Firefox, well, not quite. Use Chrome or Edge for consistent full-page captures — especially when dealing with dynamic layouts or needing automation. Firefox is serviceable for static, clean pages but unreliable for anything complex.

2026-01-19T13:29:35Z

✒️ Edit

Comments

Trending in Last 7 Days

Legion

Hello, I do own a Legion laptop from Lenovo. Not free though. Aside from the quirk of Lenovo and Ryzen (AMD) processor , I then realised. 🤔 That popularised term in horror — supernatural trope, was indeed taken from the Bible (New Testament), was it not? These excerpts: Mark 5:1-20 Matthew 8:28–34 Luke 8:26-39 I put Mark 5:1-20 as the first in order because the story there is more vivid compared to the other versions. As far as I know, this recorded event is actually the only event Jesus negotiated with the malevolent entity. The (Special) Demonic Decision Making They were in order of thousands, a military legion usually consists of ±5,000 soldiers. I first thought those demons functioned as a single collective hive mind, like Cherubim . But then in the story, they begged to be sent into those 2,000 pigs. Meaning each of them had free will perchance and surely can separately occupy one pig. Woo, piggy ride! But they did have a spokesdemon: Oh please, ...

Health: Stomach Ulcer and Food Poisoning Quick Treatment

First of all, I'm not a medical doctor. I have an engineering degree in low power electrical field and I am a web developer. 😶 But I do have lots of experiences handling these: stomach ulcer and food poisoning ; for myself and for other people around me. And, of course, I have friends, colleagues, and family who are medical professionals. Mostly medical doctors. Let me share some of quick treatments for stomach ulcer and food poisoning . Stomach Ulcer: The Habit Sometimes, or most of the time, as we get older, we do not take meal with constant periodical cycle like while we were children or teens. But as I've noticed nowadays, teens also have that habit . Our human body can adapt, if you notice, to that kind of punishment . At first, it was probably really hurt, and as the time went by, we no longer feel the pain. It has multiple meanings: Our nerves ( nociceptors ) finally ignore the pain signal because we consciously and constantly pret...

Elders Drinking Song

Listen on YouTube Music As if your bones heard something familiar from before you were even born. That song is from the Amis (阿美族) people of Taiwan. 老人飲酒歌 or Elders Drinking Song is a traditional Amis chant, famously performed by Difang (郭英男) and Igay (郭秀珠) who were Amis from the Maran (馬蘭社) settlement. The vocals were lifted straight from a 1988 recording of Difang and Igay singing during a French government-backed ethnomusicology project — meant for research. With EMI as the outsourced vault. EMI (Electric and Musical Industries), a commercial British label. Because even "non-commercial" academic recordings were often pressed to vinyl/CD by big labels, just for reach or preservation. EMI probably saw it as just another folk catalogue item. The original singers never expected their voices to hit global charts — through Enigma. Enigma is a German musical project founded in 1990 by Michael Cretu. They were under Virgin Records. Aside f...

JavaScript: Browser-based Audio Analysis Using AnalyserNode

Greetings. 🎩 I will demonstrate the implementation of AnalyserNode to reveal (compute) the peaks and such from an audio source. This will only output the numbers rather than an elaborate animation. In this, we can choose whether to use a sample audio (hosted on a cloud storage) or a local audio file. Highlights of the flow: // 1. Create audio element audioElement = document.createElement("audio") // Make sure we convert the source to a proper Blob first, // not URL/path string like https://www.host... or local E:\path\to\file\... // Details in the code below the demonstration. audioElement.src = [Blob] // Then append the audio element to DOM // *** // 2. Setup AnalyserNode (use global variables to keep these) // Create audio context audioContext = new AudioContext() // Define the default FFT size fftDefault = 2048 // Create analyser analyser = new AnalyserNode( audioContext, { fftSize: fftDefault } ) // Create source node from the "audioElement" ab...

Blogger Conditional Tag — b:if and b:else

Blogger has special b:if , b:elseif , and b:else tags. Those only work if we put them in the XHTML of the Blogger blog, not in the HTML widget (via layout). List of Conditions Item Static Index Archive Homepage Specific URL Error Page Backlink Display Name Number of Comments Jump Link Commenting Enabled Others Techniques list Escaping Quotation Mark Comparing Operators Numeral Non-numeral b:else b:elseif Nesting b:if b:if in Widget Tinkering Widget Content Global CSS/JS Mobile Template ITEM Show content only on item page (every single post): <b:if cond='data:blog.pageType == "item"'>...content...</b:if> LIST TOP STATIC Show content only on static page(s): <b:if cond='data:blog.pageType == "static_page"'>...content...</b:if> LIST TOP INDEX Show content only on index ...

Muse

Proceed and Precede

Did you ever mistype or miswrite either procede or precede? See, I did it. Proceed is the correct spelling. Who does that proud ale-driven inconsistency? Guess. Notice the -ceed and -cede tail fragments? Or, to be formal, verb roots? They are Latin in origin. Not just the fragments, the entire word, both. Prior Latin (Void existed.) Latin Procedere (go forward). Proper classical would be PROCEDERE . Praecedere (go before). Proper classical would be PRAECEDERE . Verb root: cedere . Norman French Proceder. Preceder. Verb root: ceder . Middle English Procede. Precede. Verb root: cede . Current English Proceed. P. R. O. C. E. E. D. Precede. Verb root: oblivion. Was that printer misaligned cartridge related issue — like that early American typewritter visual quirk — then everybody places punctuation and whatnots within... barn? ⬅️ This deserves one episode, or even an entire season of a thriller series. ❓ Typewr...

How to Clear Notepad's Tab State on Windows 11

A very good day to you. 🎩 Straight to business, then. On Windows 11, the path for Notepad tab state is: %LOCALAPPDATA%\Packages\Microsoft.WindowsNotepad_8wekyb3d8bbwe\LocalState\TabState Close the Notepad first. ➡️ Delete all .bin files inside that folder. ➡️ Open again Notepad. No, it won't break the Notepad. Promise. We can set Notepad's start-up option to Open in a new window (instead of "Open in a new tab") after that, optionally. Click the top-right gear icon in Notepad, and we would see this: Through Script We can do it from PowerShell: $folder="$env:LOCALAPPDATA\Packages\Microsoft.WindowsNotepad_8wekyb3d8bbwe\LocalState\TabState"; if(Test-Path $folder){Remove-Item "$folder\*" -Force} Or CMD (Command Prompt): set folder=%LOCALAPPDATA%\Packages\Microsoft.WindowsNotepad_8wekyb3d8bbwe\LocalState\TabState && if exist "%folder%" del /q "%folder%\*" Background I was helping a friend to ...

Using CDATA Section to Escape Characters on Blogger.com

We can preserve our string using CDATA section: <![CDATA[ ...our string here... ]]> CDATA Section Blogger uses XHTML . It is an application of XML which extends the functionality of HTML so that it can operate with the custom data provided from the server. Such as the <b:widget> , <data:post.title/> , <b:loop> , <b:if> and other Blogger data tags. The string within the <![CDATA[ ]]> (Character Data) section will be interpreted as only character data , not markup. This is the definition . The Forbidden Characters < (less than character) > (greater than character) & (and character) The double quotes (") and single quote (') in Blogger template will be automatically replaced by " and ' , respectively. Usage in Script Tag The script tag (JavaScript) can be placed anywhere in the head or in the body section of a Blogger blog, depends on what's the purpose of that part...

Monkey Raptor V.2

Search This Blog