HOW TO take a full page screenshot of a web page directly with Firefox

In Firefox (version 33), use the shortcut Shift-F2 or open Tools > Web Developer > Developer Toolbar.

At the command line that appears, type the command:
screenshot filename.png --fullpage

 Unlike the full page screenshot option with the Responsive Design View that generates screenshots at different screen resolutions and with a predefined filename, the above Developer Toolbar Command line option lets you name the file as you like.

The screenshot command accepts multiple  arguments to customize the screenshot images -

screenshot [filename] [--clipboard] [--chrome] [--delay ...] [--fullpage] [--selector ...]

 Save a PNG image of the entire visible window (optionally after a delay)

 Options:

     [filename] (string, helpManOptional)
    The name of the file (should have a '.png' extension) to which we write the screenshot.
    [--clipboard] (boolean, required)
    True if you want to copy the screenshot instead of saving it to a file.
    [--chrome] (boolean, required)
    True if you want to take the screenshot of the Firefox window rather than the web page's content window.
    [--delay ...] (number, helpManOptional)
    The time to wait (in seconds) before the screenshot is taken
    [--fullpage] (boolean, required)
    True if the screenshot should also include parts of the webpage which are outside the current scrolled bounds.
    [--selector ...] (node, helpManOptional)
    A CSS selector for use with document.querySelector which identifies a single element

I extracted the above information by typing this at the command line -
help screenshot

 I was able to take the screenshot of a specific part of a larger web page by using the selector command line parameter -
screenshot hyderabad-book-stores.png --selector #businesses-nearby-slot

The command line provides hints inline for each parameter. Pressing F1 gives me even more help about the current parameter.

Comments

Post a Comment

Popular posts from this blog

The Mercurial Grok AI Assistant Understands & Speaks Indian Languages

Image
Grok , the AI model developed by Elon Musk's xAI, can understand when you type Indian languages like Hindi, Telugu, Odia or other Indian regional languages using English letters (like when you type 'namaste' instead of 'नमस्ते'), and it can respond by mixing English with those languages. Grok doesn't necessarily need the native script of these languages. It has natural language processing abilities that extend to multiple languages. This is great innovation because many people in India, especially in online communication, use transliteration. Grok can generate responses that combine English words and phrases with words and phrases from the regional language you used in your input. For example, if you ask a question using a mix of English and Telugu transliteration, Grok might respond with a sentence that includes both English and Telugu words. Check these Hindi, Telugu, Odiya samples - Grok, ab Hindi mein Grōk, ippuḍu telugulō Grok, Oḍiā re This way Grok is more...
Read more

Things Near Me – Find & Learn About Landmarks Nearby

Image
Back in 2012, I was planning to build a location-aware app that would tell me about interesting sights & news-worthy facts about places that fall in the way of a train journey. I discovered that Web Dev guru Chris Heilmann ( @codepo8 ) had built a nifty app on a similar theme and shared the JavaScript code under the BSD license.  Things Around You used the browser's geolocation feature to find Wikipedia articles on nearby landmarks via the GeoNames API & list them with a brief description. For a Windows 8 app hackathon, I utilized the Geolocation detection idea to build a little app that I called GeoBuzz & posted it on the Windows 8 App Store. It's been on the back of my mind to extend it with more features. Now that GitHub Copilot is here, there was no need to procrastinate. I had a friendly chat with GitHub Copilot ( Gemini Flash model ). In under an hour, I customized @codepo8's original sample to include a map directly on the web page instead of linking t...
Read more