Ο Firefox^(Firefox) είναι ένα δημοφιλές πρόγραμμα περιήγησης για υπολογιστή με Windows^{(Windows PC)} . Η Γραμμή εργαλείων προγραμματιστή^{(Developer Toolbar)} σε Firefox και Chrome σάς επιτρέπει να τραβάτε στιγμιότυπα οθόνης του παραθύρου του προγράμματος περιήγησης χωρίς να χρησιμοποιείτε πρόσθετα προγράμματος περιήγησης ή ^(Chrome)λογισμικό λήψης οθόνης^{(screen capture software)} τρίτου κατασκευαστή . Αυτό το σεμινάριο θα σας δείξει πώς να τραβάτε στιγμιότυπα οθόνης στο πρόγραμμα περιήγησης Chrome ή Firefox^{(capture screenshots in Chrome or Firefox browser)} εγγενώς, χωρίς να χρησιμοποιείτε ή να εγκαταστήσετε λογισμικό τρίτων.

Γνωρίζετε φυσικά ότι για τη λήψη στιγμιότυπων οθόνης επιφάνειας εργασίας στα Windows^{(capturing Desktop screenshots on Windows)} , πρέπει να πατήσετε το πλήκτρο Print Screen ή Prnt Scrn . Μπορείτε να το βρείτε στο επάνω δεξιό τμήμα του πληκτρολογίου σας. Για να καταγράψετε μόνο το ενεργό παράθυρο, κρατήστε πατημένο το πλήκτρο Alt^(Alt) , προτού πατήσετε το πλήκτρο Print Screen . Ας δούμε πώς να το κάνουμε χρησιμοποιώντας τα ενσωματωμένα Εργαλεία προγραμματιστή^{(Developer Tools)} .

Λήψη στιγμιότυπων οθόνης^{(Screenshots)} στο πρόγραμμα περιήγησης Chrome

Το Screen Captures μπορεί να είναι εξαιρετικά χρήσιμο σε περιπτώσεις όπου συναντάτε ένα ενδιαφέρον σεμινάριο στο διαδίκτυο και θέλετε να αποθηκεύσετε αργότερα ένα αντίγραφο της ιστοσελίδας ως στιγμιότυπο οθόνης στον υπολογιστή σας για αναφορά. Αν θέλετε να κάνετε το ίδιο, ακολουθήστε τα βήματα που περιγράφονται στην παρακάτω ανάρτηση για να σας βοηθήσουν να τραβήξετε στιγμιότυπο οθόνης πλήρους σελίδας οποιασδήποτε ιστοσελίδας στο Google Chrome .

Αρχικά, εκκινήστε το Google Chrome^{(Google Chrome)} και μεταβείτε στην ιστοσελίδα της οποίας η οθόνη θέλετε να τραβήξετε.

Μόλις φτάσετε εκεί, κάντε κλικ στο εικονίδιο χάμπουργκερ του προγράμματος περιήγησης, ορατό στην επάνω δεξιά γωνία της οθόνης του υπολογιστή σας.

Στη συνέχεια, επιλέξτε « Περισσότερα εργαλεία^{(More tools)} » όταν επεκτείνεται το μενού ενεργειών και αργότερα επιλέξτε « Εργαλεία προγραμματιστή^{(Developer tools)} ».

Στη συνέχεια, θα εμφανιστεί ένα μικρό παράθυρο για τα Εργαλεία προγραμματιστών^{(Developer Tools)} . Κάντε κλικ^(Click) στο κουμπί Εναλλαγή λειτουργίας συσκευής^{(Toggle Device Mode)} όπως φαίνεται στην παρακάτω εικόνα για να ενεργοποιήσετε την επιλογή. Μόλις ενεργοποιηθεί, το κουμπί θα γίνει μπλε.

Εδώ, ελαχιστοποιήστε το παράθυρο Εργαλεία προγραμματιστή^{(Developer Tools)} και ρυθμίστε το στιγμιότυπο οθόνης σας στο φόντο. Επίσης, επιλέξτε τον σωστό τύπο συσκευής για το στιγμιότυπο οθόνης σας από το αναπτυσσόμενο μενού της συσκευής.

Εάν απαιτείται, διαμορφώστε το μέγεθος και τον προσανατολισμό του στιγμιότυπου οθόνης.

Μόλις τελειώσετε, κάντε κλικ στο εικονίδιο με τις 3 κουκκίδες στην άκρα δεξιά γωνία και από τη λίστα επιλογών που εμφανίζεται, επιλέξτε αυτή που διαβάζει ως « Λήψη στιγμιότυπου οθόνης^{(Capture screenshot)} ».

That’s it!

Λήψη στιγμιότυπων οθόνης στο πρόγραμμα περιήγησης Firefox

ΣΥΜΒΟΥΛΗ^(TIP) : Τώρα μπορείτε να ενεργοποιήσετε τη λειτουργία Στιγμιότυπα οθόνης του Firefox^{(enable the Firefox Screenshots)} .

Ανοίξτε το πρόγραμμα περιήγησης Mozilla Firefox και μεταβείτε στην ιστοσελίδα της οποίας η οθόνη θέλετε να τραβήξετε. Μόλις φτάσετε, κάντε κλικ στο εικονίδιο Περισσότερες ενέργειες^{(More Actions)} που είναι ορατό στην επάνω δεξιά γωνία.

Επιλέξτε το Πλακίδιο προγραμματιστή^{(Developer Tile)} . Αυτό θα ανοίξει τα εργαλεία προγραμματιστή ιστού. Εναλλακτικά, μπορείτε να πατήσετε « Ctrl+Shift+I » για να εκκινήσετε τα εργαλεία προγραμματιστή.

Στη συνέχεια, από τη λίστα των επιλογών που εμφανίζεται, επιλέξτε αυτή που διαβάζει ως « Λειτουργία Responsive Design Mode^{(Responsive Design Mode)} ».

Εδώ, εάν απαιτείται, μπορείτε να ρυθμίσετε το μέγεθος και τον προσανατολισμό για το στιγμιότυπο οθόνης σας διαμορφώνοντας το σωστό σύνολο επιλογών. Μόλις βρείτε όλα τα πράγματα στη θέση τους, πατήστε το κουμπί Κάμερα^(Camera) για να τραβήξετε την οθόνη.

Τέλος, αποθηκεύστε το στιγμιότυπο οθόνης που τραβήξατε στην επιθυμητή θέση στον υπολογιστή σας.

Τα στιγμιότυπα οθόνης μπορούν να είναι εξαιρετικά χρήσιμα για τους σχεδιαστές Ιστού^(Web) που λαμβάνουν στιγμιότυπα οθόνης του προγράμματος περιήγησης για την εκτέλεση ενδελεχούς ελέγχου της συμβατότητας του προγράμματος περιήγησης σε διαφορετικά προγράμματα περιήγησης και συστήματα Ιστού. Όποιοι και αν είναι οι σκοποί, ίσως μπορείτε πάντα να βασίζεστε στο πρόγραμμα περιήγησης Chrome ή Firefox για να τραβήξετε ένα στιγμιότυπο οθόνης εγγενώς, χρησιμοποιώντας αυτά τα εργαλεία προγραμματιστή.

Διαβάστε στη συνέχεια^{(Read next)} : Πώς να τραβήξετε στιγμιότυπα οθόνης από έναν ιστότοπο από απόσταση^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a popular browser for Windows PC. The Developer Toolbar in Firefox and Chrome allows you to take screenshots of the browser window without using any browser add-ons or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• Πώς να καθαρίσετε την προσωρινή μνήμη, τα cookies, το ιστορικό περιήγησης σε Chrome και Firefox

• Το Chrome ή ο Firefox δεν μπορούν να κάνουν λήψη ή αποθήκευση αρχείων στον υπολογιστή σας

• Απενεργοποιήστε, απεγκαταστήστε το Adobe Flash, το Shockwave σε Chrome, Firefox, Edge, IE

• ΕΠΙΔΙΟΡΘΩΣΗ: το reCAPTCHA δεν λειτουργεί σε Chrome, Firefox ή σε οποιοδήποτε πρόγραμμα περιήγησης

• Επιδιόρθωση: Το Vimeo δεν λειτουργεί σε Chrome ή Firefox

• Δεν είναι δυνατή η πληκτρολόγηση σε πεδία εισαγωγής κειμένου στα προγράμματα περιήγησης Chrome και Firefox

• Πώς να αποθηκεύσετε ιστοσελίδες ως PDF σε Chrome ή Firefox

• Πώς να χρησιμοποιήσετε πολλούς φακέλους λήψης στον Firefox ή στο Chrome

• Τα καλύτερα πρόσθετα και επεκτάσεις Kodi για Chrome & Firefox

• Πώς να ανοίξετε το πρόγραμμα περιήγησης Chrome, Edge ή Firefox σε λειτουργία πλήρους οθόνης

• Πώς να απενεργοποιήσετε το ενσωματωμένο Password Manager σε Chrome, Edge, Firefox

• Αναγκάστε το άνοιγμα των συνδέσμων στην καρτέλα παρασκηνίου σε Chrome, Edge, Firefox, Opera

• Πώς να ρυθμίσετε τον Γονικό έλεγχο σε Chrome, Edge, Firefox, Opera

• Πώς να αλλάξετε την προεπιλεγμένη γραμματοσειρά στο πρόγραμμα περιήγησης Chrome, Edge, Firefox

• Αναζήτηση σε πολλές ανοιχτές καρτέλες στα προγράμματα περιήγησης Firefox και Chrome

• Οι καλύτερες επεκτάσεις Facebook για Chrome και Firefox

• Δωρεάν Web Cache Viewer για προγράμματα περιήγησης Chrome, Firefox και Edge

• Η αναζήτηση στη γραμμή διευθύνσεων του Chrome ή του Firefox δεν λειτουργεί

• Να εμφανίζεται πάντα το κουμπί Λήψη σε Chrome, Firefox και Edge

• Google Chrome εναντίον Firefox Quantum για υπολογιστή με Windows