Take screenshots of webpages in Firefox

Are you working on a website & need a quick way to send someone a screenshot of what you are doing ?

Firefox has a screenshot tool built right in the browser that you can use to grab the entire web page or just what’s showing in the viewport or hover over a specific element on the page & capture just that.

Many of us take a lot of screenshots & send them to other people to communicate about websites we’re working on, projects we’re working on or ideas we have.
There are a lot of tools, plugins & add-ons to take screenshots.

Firefox has a screenshot tool that might be just the right fit for making it very quick and easy to take the screenshots that you need.

Firefox screenshot tool

In the above image, you can see up in the URL bar, in the Page action menu, click on three dots and select Take a Screenshot from the drop-down or you can also take a screenshot by right-clicking on a page and selecting Take a Screenshot

Firefox screenshot tool displays two options

In the above image at right side corner you can see that after clicking on Take a Screenshot you have a choice.
We can take a screenshot of just the visible view port or we can do full page.

Firefox screenshot save visible option

Let’s say if we click on Save visible, we can see that it does take a screenshot of what was visible (refer above image)

It doesn’t take a screenshot that includes the browser tabs or anything else that’s going on in your computer.
It just gets the exact webpage that’s inside the viewport.

If we click on Save full page, we can see that it does take a screenshot of the entire webpage for this really beautiful website.

This is really helpful for those of us who design or build websites.

You can also drag and pick the part of the webpage that you wish to capture (refer image below)

Mess around with it until you get what you want, and then save or copy your screenshot.

Another way to pick something is to hover over elements on the page.

In the below image, there’s sort of the wrapper, probably that goes around the text or you can even hover over an image to get a wrapper

This is a really great way to get just part of the page without having to fuss with crop marks and try to get it exactly to the edges of the pixels.

Select a region to take screenshot

Firefox knows what a DOM is, it knows what all these elements are. It can help use those elements to grab exactly the part that you want.

And after selecting a specific part of webpage we have three choices :

  1. We can download the file (which is going to put our screenshot image file in my Downloads folder)
    or
  2. We can copy this image (which means the file is not going to end up on my computer at all and I can go over to some sort of chat window or whatever and I can just paste it quickly)
    In the image below at right side bottom corner you can check the popup displayed which says that your screenshot has been copied to clipboard.
  3. Cancel: To cancel your selection, click on the Cancel icon

If this post was helpful, please like and share below to show your support !

Advertisements

Received Padvidhar award from 1800 nominations

Received Padvidhar Award (from 1800 nominations) for my contribution in IT & Technology by Mr. Sarang Patil (Secretary, Nationalist Congress Party). I am obliged for this great honor & recognition given by Sunbeam Institute of Information Technology in the presence of Mr. Shriniwas Patil (Former Governor of Sikkim), Adv. Vandana Chavan (Member of Rajya Sabha, Former Mayor of Pune) & Mr. Pradip Kadam (Director-Mastercard)



MozoGeek Event at Zeal College of Engineering Pune

MozoGeek Event at Zeal College of Engineering

Event Name : Mozogeek

Agenda :

1.Web app development
2. Introduction to Firefox OS
3. Firefox OS Application development – Foxication
4. Hands on training on Appmaker

Day and Date :
Saturday, 22nd August

Venue :
Computer Department, ZES’s Zeal College of Engineering and Research, Narhe, Pune

Hashtag :  #mozogeekzfc

I started the session with an introduction to Mozilla and it’s mission. Then in the next session I  gave the introduction of Firefox OS. I explained the advantages of Firefox OS and why it is a great mobile OS,demo of FirefoxOS on simulator.

prasad seth firefox

Then in the next session I gave hands-on training to the attendees on how to make a web application. I explained them about Webmaker with hand-on training of Thimble and Appmaker. Some Remixes and makes were made by the attendees.

prasad seth firefox

I explained them about Firefox Marketplace… Attendees were asked to download different apps and review the apps which they liked.

prasad seth firefox prasad seth firefox prasad seth firefox prasad seth firefox prasad seth firefox prasad seth firefox prasad seth firefox prasad seth firefox

Mozilla Awarness Program @ VIIT Pune

Mozilla Awarness Program
Event Name: Mozilla Awareness Program @ VIIT Pune
Time: 1 am to 3 pm
Date: 11th July
Venue: Vishwakarma Institute of Information Technology,Pune
Hashtag : #viitFSA
Students in VIIT are enthusiastic for contributing to Mozilla as an FSA. This event helped them to know about Mozilla’s mission, web app development, open web and different ways of contributing to Firefox.
I started the event by giving an introduction about Firefox. Then in the next session I introduced students about Web app development and Firefox OS. Along with me Hrushikesh and Pooja introduced attendees about FSA program.
We registered the attendees for the FSA program. Attendees were very curious to know more about different Firefox products.
Mr. Kailas Patil Sir guided us for the event !!
prasad seth mozilla prasad seth mozilla prasad seth mozilla

Remix Hackathon

Remix Hackathon

Event Name: Remix Hackathon
Time: 09:00 am to 6:00 pm
Date:  21st Feb
Venue: VIIT, Pune
Hashtags: #viitremixhackathon   #firefoxstudents   #viitfirefoxclub

Me, Dr. Patil, Mr. Dyvik conducted sessions during the event on following topics:

  1. Web app development
  2. SUMO
  3. Web Maker
  4. Thimble
  5. Popcorn
  6. X-Ray Goggles
  7. App Maker
  8. Localization
  9. Firefox OS
  10. Bugzilla

prasad seth firefox
This event created an open platform for Technical and Non-technical attendees to state that anything that is modified on web is called a “HACK”

prasad seth firefox

I conducted session on “how to develop web apps”. Where I introduced about what are web apps, different ways to develop web apps. After the session attendees made some awesome apps.

In this Hackathon we taught about contributing to localization, Webmaker, App development, testing and many more ways to contribute to Mozilla.

prasad seth firefox

Next session was conducted by Qaidjohar Jawadwala where he gave small introduction about Mozilla, introduction about Remix Hackathon event.

prasad seth firefox

In the end I gave a talk about Mozilla Stumbler in which I demonstrated the working of Mozilla Stumbler, various features of the Mozilla Stumbler App and how to contribute to it.

prasad seth firefox

 

 

Firefox OS Booth at CMDA IT EXPO

Firefox OS Booth at CMDA IT EXPO

Expo period : 11th Dec to 14th Dec

Venue : Vasundhara Pandit Farms, D.P. Road, Pune.

prasad seth firefox

FirefoxOS Booth

Expo Event :

The volunteers of Mozilla Pune community had hosted an Firefox OS educational booth in the recently concluded CMDA IT Expo. The purpose of this booth was to generate awareness in public regarding the advantages of Firefox OS and promote the recently launched FirefoxOS in India. Open source communities like Pune Linux users Group (PLUG) and Wikipedia community also joined us at the booth to promote FOSS technologies.

The Firefox booth was visited by approx. 10,000 attendees. The attendees were curious and showed willingness to learn the same and to buy the FirefoxOS Mobile phones. The volunteers got engaged in solving the various questions which the enthusiastic people had in their minds about FirefoxOS.

prasad seth firefox

prasad seth firefox

prasad seth firefox

The booth had 4 cellphones were launched in India by the partnered companies. People were given hands-on experience of the phones, where they operated and witnessed the amazing FirefoxOS.

prasad seth firefox

Some the curious people were impressed with the stunning FirefoxOS and immediately purchased the devices.

The overall expo was a big success as thousands of people were made aware of this open source FirefoxOS. The volunteers also enjoyed this overall experience and felt proud.

The booth was honored with a sign of appreciation by the organizing committee of the CMDA IT expo.

I would like to Thank Ankit Gadgil (Mozilla Rep) who gave me the opportunity to be a part of such a grand success.

Overall it was a great experience !!

prasad seth firefox

prasad seth firefox

FirefoxOS Bus in Pune

Firefox OS Bus in Pune

The #FirefoxOSBus touring across India was hosted at Pune by the Mozilla Pune Community.

Date : 21st October

Time of Arrival : 7.30 pm (19.30 hrs)

I was team member of Mozilla Pune Community core organization team

Activities :

Shaniwar Wada 

Time : 7.30 pm (19.30 hrs)

The #FirefoxOSBus was welcomed by the Pune Community and the crew on-board got a chance to socialize and interact with the organizers.
Since Shaniwar Wada is a historic monument and Pune’s major identity, the bus made its first stop there.

prasad seth firefox

Housing Society

Time : 8.15 pm (20.15 hrs)

Next stop was the Hosing Society.The main aim of this planned activity was to engage the Firefox Mascot with kids. Different games were planned and all the attendees had a fantastic time. Swags in the form of gifts were given to the prize winners. Firefox OS stickers were presented to all the attendees.
The total number of the attendees for this activity was approx. 50. The kids were accompanied by their parents and guardians.
After the games were over, the devices operating on Firefox OS were revealed to the audience and they were given a quick demo and the FirefoxOS description. The audience raised some questions which were well answered by the team.

prasad seth firefox

prasad seth firefox

prasad seth firefox

prasad seth firefox

prasad seth firefox

Hotel Sukanta

Time : 9.50 pm

The crew on-board and Pune Mozilla Team headed to the restaurant for Dinner. The enthusiastic crew got a chance to exchange notes of the journey so far at the table which were much appreciated by the entire Pune community.

prasad seth firefox

Accomplishments :

The Bus crew on-board and the Pune community got a wonderful chance to meet and greet each other and thus, a strong feeling of community building was witnessed.

The events organized at the Housing Society had a huge appreciation by the attendees. The attendees were largely influenced and attracted to the supercool features of Firefox OS and as per the feedback received till date, few of the attendees have placed an order for the devices operating on Firefox OS.