Χρειάζεται να αποκτήσετε πρόσβαση σε έναν εξομοιωτή προγράμματος περιήγησης smartphone στον υπολογιστή σας για να δοκιμάσετε την έκδοση για φορητές συσκευές ενός ιστότοπου που σας ενδιαφέρει; Ίσως είστε προγραμματιστής ιστού ή θέλετε να γίνετε και πρέπει να προσομοιώσετε ένα πρόγραμμα περιήγησης για κινητά για το έργο στο οποίο εργάζεστε. Ανεξάρτητα^(Regardless) από τους λόγους σας, δείτε πώς μπορείτε να αποκτήσετε πρόσβαση σε έναν εξομοιωτή προγράμματος περιήγησης για κινητά στο Google Chrome , Mozilla Firefox , Microsoft Edge και Opera:

Πώς να ενεργοποιήσετε και να χρησιμοποιήσετε τον εξομοιωτή προγράμματος περιήγησης για κινητά στο Google Chrome

Στο Google Chrome , μεταβείτε στον ιστότοπο που θέλετε να προβάλετε στον εξομοιωτή προγράμματος περιήγησης για κινητά. Στη συνέχεια, είτε πατήστε τα CTRL + SHIFT + I στο πληκτρολόγιό σας ή, με το ποντίκι, κάντε κλικ στις τρεις κάθετες κουκκίδες στην επάνω δεξιά γωνία για να ανοίξετε το μενού "Προσαρμογή και έλεγχος του Google Chrome" . ^{(“Customize and control Google Chrome”)}Επιλέξτε Περισσότερα εργαλεία και^{(More tools, )} στη συνέχεια Εργαλεία προγραμματιστή^{(Developer Tools)} .

Αποκτήστε πρόσβαση στα Εργαλεία προγραμματιστών^{(Access Developer Tools)} στο Google Chrome

Κάντε κλικ ή πατήστε στο κουμπί "Εναλλαγή γραμμής εργαλείων συσκευής"^{(“Toggle device toolbar”)} (μοιάζει με smartphone δίπλα σε tablet) ή πατήστε CTRL + Shift + M στο πληκτρολόγιό σας. Αυτό ενεργοποιεί τη γραμμή εργαλείων της συσκευής όπου φορτώνεται η σελίδα για κινητά. Από προεπιλογή, η γραμμή εργαλείων συσκευής χρησιμοποιεί ένα Responsive πρότυπο για τον ιστότοπο που φορτώσατε. Κάντε κλικ^(Click) σε αυτό και επιλέξτε την κινητή συσκευή που θέλετε να προσομοιώσετε. Οι επιλογές σας περιλαμβάνουν πολλά iPhone, iPad, Surface Duo , δύο συσκευές Samsung Galaxy και έναν προσομοιωτή προγράμματος περιήγησης για κινητά Moto G4 για υπολογιστή.^{(Moto G4 mobile)}

Πώς να ενεργοποιήσετε τον εξομοιωτή προγράμματος περιήγησης για κινητά στο Google Chrome

ΣΥΜΒΟΥΛΗ:^(TIP:) Δυστυχώς, μπορείτε να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου CTRL + Shift + M μόνο αφού ενεργοποιήσετε τα εργαλεία προγραμματιστή.

Περιηγηθείτε^(Navigate) στον ιστότοπο που θέλετε να δοκιμάσετε, κάντε εναλλαγή μεταξύ των διαφορετικών smartphone και tablet και δείτε πώς φαίνεται. Όταν τελειώσετε, πατήστε το κουμπί X (Κλείσιμο)^{(X (Close))} στην επάνω δεξιά γωνία των εργαλείων προγραμματιστών του Google Chrome για να επιστρέψετε στην τυπική λειτουργία περιήγησης στην επιφάνεια εργασίας.

Κλείσιμο του εξομοιωτή προγράμματος περιήγησης για κινητά Google Chrome

ΣΥΜΒΟΥΛΗ:^(TIP:) Εάν είστε μεγάλος χρήστης του Google Chrome , ίσως θελήσετε επίσης να μάθετε πώς να χρησιμοποιείτε τις επιλογές ελέγχου πολυμέσων του Google Chrome^{(how to use Google Chrome’s media control options)} .

Πώς να ενεργοποιήσετε και να χρησιμοποιήσετε τον εξομοιωτή προγράμματος περιήγησης για κινητά στο Mozilla Firefox

Στο Mozilla Firefox , ανοίξτε τον ιστότοπο για τον οποίο θέλετε να χρησιμοποιήσετε έναν προσομοιωτή προγράμματος περιήγησης για κινητά. Στη συνέχεια, πατήστε CTRL + Shift + M στο πληκτρολόγιό σας ή κάντε κλικ στο κουμπί burger στην επάνω δεξιά γωνία για να ανοίξετε το μενού του Firefox και επιλέξτε Προγραμματιστής Ιστού^{(Web Developer)} .

Αποκτήστε πρόσβαση στα εργαλεία προγραμματιστή Ιστού στον ^{(Web Developer)}Firefox

Βλέπετε ένα μενού γεμάτο με εργαλεία που είναι χρήσιμα στους προγραμματιστές ιστού. Στη λίστα, επιλέξτε "Responsive Design Mode" και αυτή η συγκεκριμένη λειτουργία προβολής μιας ιστοσελίδας φορτώνεται στον Firefox .

Επιλέξτε τη λειτουργία Responsive Design Mode^{(Responsive Design Mode)} στον Firefox

Ο Firefox ενεργοποιεί τη λειτουργία Responsive Design Mode^{(Responsive Design Mode)} . Στο επάνω μέρος του παραθύρου, βλέπετε τις παραμέτρους που χρησιμοποιούνται από αυτήν τη λειτουργία εξομοίωσης. Εάν δεν έχει επιλεγεί καμία συσκευή, κάντε κλικ ή πατήστε στο Responsive για να ανοίξετε μια αναπτυσσόμενη λίστα με συσκευές που είναι διαθέσιμες για εξομοίωση και, στη συνέχεια, επιλέξτε αυτή που θέλετε να προσομοιώσετε.

Μπορείτε να προσομοιώσετε το πρόγραμμα περιήγησης για κινητά για πολλά iPhone, το iPad, το Kindle Fire ( το Firefox είναι το μόνο πρόγραμμα περιήγησης που προσφέρει αυτήν την επιλογή εξομοίωσης) και τις συσκευές Samsung Galaxy S9 .

Χρησιμοποιήστε τον εξομοιωτή προγράμματος περιήγησης για κινητά στον Firefox

Όταν ολοκληρώσετε τις δοκιμές με τον εξομοιωτή του προγράμματος περιήγησης smartphone, πατήστε το κουμπί X (Κλείσιμο λειτουργίας αποκριτικής σχεδίασης)^{(X (Close Responsive Design Mode))} στην επάνω δεξιά γωνία του Mozilla Firefox .

Κλείστε τον εξομοιωτή προγράμματος περιήγησης για κινητά στον Firefox

Επιστρέψατε στην τυπική λειτουργία περιήγησης στην επιφάνεια εργασίας.

Πώς να ενεργοποιήσετε και να χρησιμοποιήσετε τον εξομοιωτή προγράμματος περιήγησης για κινητά στον Microsoft Edge

Ο Microsoft Edge^{(Microsoft Edge)} χρησιμοποιεί την ίδια μηχανή απόδοσης με το Google Chrome και προσφέρει τους ίδιους εξομοιωτές προγράμματος περιήγησης smartphone. Για πρόσβαση σε αυτές, επισκεφτείτε τον ιστότοπο που θέλετε να δοκιμάσετε και πατήστε τα CTRL + SHIFT + I στο πληκτρολόγιό σας ή κάντε κλικ στις τρεις οριζόντιες κουκκίδες ( "Ρυθμίσεις και άλλα"^{(“Settings and more”)} ) στην επάνω δεξιά γωνία του Microsoft Edge . Στο μενού που εμφανίζεται, μεταβείτε στα Περισσότερα εργαλεία^{(More tools)} και μετά στα Εργαλεία προγραμματιστή^{(Developer Tools)} .

Αποκτήστε πρόσβαση στα εργαλεία προγραμματιστή στον ^(Developer)Microsoft Edge

Κάντε κλικ στο κουμπί "Εναλλαγή εξομοίωσης συσκευής"^{(“Toggle device emulation”)} (μοιάζει με smartphone δίπλα σε tablet) ή πατήστε CTRL + Shift + M στο πληκτρολόγιό σας. Αυτό ενεργοποιεί τη γραμμή εργαλείων του εξομοιωτή του προγράμματος περιήγησης για κινητά. Από προεπιλογή, χρησιμοποιεί ένα Responsive πρότυπο για τον ιστότοπο που φορτώσατε. Κάντε κλικ^(Click) σε αυτό και επιλέξτε την κινητή συσκευή που θέλετε να προσομοιώσετε. Οι επιλογές σας περιλαμβάνουν τα ίδια smartphone και tablet με το Google Chrome .

Αποκτήστε πρόσβαση στον εξομοιωτή προγράμματος περιήγησης για κινητά στον Microsoft Edge

Περιηγηθείτε στον ιστότοπο που θέλετε να δοκιμάσετε, αλλάξτε μεταξύ των διαφορετικών φορητών συσκευών και δείτε πώς φαίνεται. Όταν τελειώσετε, πατήστε το κουμπί X (Κλείσιμο)^{(X (Close))} στην επάνω δεξιά γωνία του Microsoft Edge.

Κλείστε τον εξομοιωτή προγράμματος περιήγησης για κινητά στον Microsoft Edge

Τώρα επιστρέφετε στην τυπική λειτουργία περιήγησης στην επιφάνεια εργασίας.

Πώς να ενεργοποιήσετε και να χρησιμοποιήσετε τον εξομοιωτή προγράμματος περιήγησης για κινητά στο Opera

Στο Opera , επισκεφτείτε την ιστοσελίδα που θέλετε να προβάλετε σαν να χρησιμοποιείτε φορητή συσκευή. Στη συνέχεια, κάντε κλικ στο εικονίδιο Opera πάνω αριστερά ( "Προσαρμογή και έλεγχος Opera"^{(“Customize and control Opera”)} ). Στο μενού που ανοίγει, επιλέξτε Προγραμματιστής^(Developer) και στη συνέχεια Εργαλεία προγραμματιστή^{(Developer tools)} . Εάν προτιμάτε το πληκτρολόγιο, πατήστε τα CTRL+Shift+I για το ίδιο αποτέλεσμα.

Πρόσβαση στα εργαλεία προγραμματιστή στο Opera

Τα εργαλεία προγραμματιστή^{( Developer tools)} εμφανίζονται στη δεξιά πλευρά του παραθύρου του προγράμματος περιήγησης. Κάντε κλικ στο κουμπί "Εναλλαγή γραμμής εργαλείων συσκευής"^{(“Toggle device toolbar”)} (μοιάζει με smartphone δίπλα σε tablet) ή πατήστε CTRL + Shift + M στο πληκτρολόγιό σας. Η γραμμή εργαλείων της συσκευής εμφανίζεται στα αριστερά. Από προεπιλογή, χρησιμοποιεί ένα Responsive πρότυπο για τον ιστότοπο που φορτώσατε. Κάντε κλικ^(Click) σε αυτό και επιλέξτε την κινητή συσκευή που θέλετε να προσομοιώσετε από τη λίστα επιλογών. Η Opera προσφέρει τους ίδιους εξομοιωτές προγράμματος περιήγησης για κινητά με το Google Chrome και το Microsoft Edge^{(Microsoft Edge)} , καθώς βασίζεται στην ίδια μηχανή απόδοσης ( Chromium ).

Αποκτήστε πρόσβαση στον εξομοιωτή προγράμματος περιήγησης για κινητά στο Opera

Όταν ολοκληρώσετε τη δοκιμή, πατήστε το κουμπί X ( Κλείσιμο^(Close) ) στην επάνω δεξιά γωνία για να επιστρέψετε στην τυπική λειτουργία περιήγησης στην επιφάνεια εργασίας.

Κλείστε τον εξομοιωτή προγράμματος περιήγησης για κινητά στο Opera

Είστε^(Are) ευχαριστημένοι με τις διαθέσιμες επιλογές εξομοίωσης προγράμματος περιήγησης για κινητά;

Τώρα ξέρετε πώς να μιμηθείτε όλα τα είδη φορητών συσκευών στο αγαπημένο σας πρόγραμμα περιήγησης ιστού. Ωστόσο, μπορεί να παρατηρήσετε ότι τα περισσότερα προγράμματα περιήγησης ιστού προσφέρουν τις ίδιες επιλογές εξομοίωσης που ευνοούν τα iPhone και τα iPad. Εάν θέλετε να μιμηθείτε ένα σύγχρονο smartphone ή tablet Android , οι πιθανότητές σας είναι πολύ μικρές, ακόμη και στο Google Chrome - το πρόγραμμα περιήγησης που αναπτύχθηκε από την εταιρεία πίσω από το Android . Εάν θέλετε τα καλύτερα αποτελέσματα, ίσως χρειαστεί να χρησιμοποιήσετε δύο προγράμματα περιήγησης για αυτήν την εργασία: Chrome και Firefox ή Firefox και Edge ή Opera . Πριν πάτε, πείτε μας τη γνώμη σας για τις διαθέσιμες επιλογές.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera -

Do yоu nееd to acсess a smartphone browser emulator on your PC to test the mobile νersion of a website you are interested in? Maybe you arе a web develoреr, or you want to become one, and you need to simulate a mobile browser for the projеct you are working on. Regardless of your reasons, here is how to access a mobilе browser emulator in Google Chrome, Mozilla Firefox, Microsoft Edge, and Opera:

How to turn on and use the mobile browser emulator in Google Chrome

In Google Chrome, navigate to the website that you want to view in the mobile browser emulator. Then, either press the CTRL + SHIFT + I keys on your keyboard or, with the mouse, click the three vertical dots in the top-right corner to open the “Customize and control Google Chrome” menu. Choose More tools, followed by Developer Tools.

Access Developer Tools in Google Chrome

Click or tap on the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the device toolbar where the mobile page is loaded. By default, the device toolbar uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include many iPhones, iPads, Surface Duo, two Samsung Galaxy devices, and a Moto G4 mobile browser simulator for PC.

How to enable the mobile browser emulator in Google Chrome

TIP: Unfortunately, you can use the CTRL + Shift + M keyboard shortcut only after enabling the developer tools.

Navigate the site you want to test, switch between the different smartphones and tablets, and see how it looks. When you are done, press the X (Close) button in the top-right corner of Google Chrome’s developer tools to get back to the standard desktop browsing mode.

Closing the mobile browser emulator Google Chrome

TIP: If you are a heavy Google Chrome user, you may also want to learn how to use Google Chrome’s media control options.

How to turn on and use the mobile browser emulator in Mozilla Firefox

In Mozilla Firefox, open the site for which you want to use a mobile browser simulator. Then, either press CTRL + Shift + M on your keyboard or click the burger button on the top-right corner to open Firefox’s menu, and choose Web Developer.

Access the Web Developer tools in Firefox

You see a menu filled with tools that are useful to web developers. In the list, select “Responsive Design Mode,” and this particular mode of viewing a web page is loaded in Firefox.

Choose the Responsive Design Mode in Firefox

Firefox enables the Responsive Design Mode. At the top of the window, you see the parameters used by this emulation mode. If no device is selected, click or tap on Responsive to open a drop-down list with devices available for emulation, and then choose the one that you want to simulate.

You can simulate the mobile browser for many iPhones, the iPad, the Kindle Fire (Firefox is the only browser to offer this emulation option), and Samsung Galaxy S9 devices.

Use the mobile browser emulator in Firefox

When you’re done testing with the smartphone browser emulator, press the X (Close Responsive Design Mode) button on the top-right corner of Mozilla Firefox.

Close the mobile browser emulator in Firefox

You are back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Microsoft Edge

Microsoft Edge uses the same rendering engine as Google Chrome and offers the same smartphone browser emulators. To access them, visit the website that you want to test, and either press the CTRL + SHIFT + I keys on your keyboard or click the three horizontal dots (“Settings and more”) in the top-right corner of Microsoft Edge. In the menu that appears, go to More tools and then to Developer Tools.

Access the Developer tools in Microsoft Edge

Click the “Toggle device emulation” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the mobile browser emulator toolbar. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include the same smartphones and tablets as Google Chrome.

Access the mobile browser emulator in Microsoft Edge

Browse the site you want to test, change between the different mobile devices, and see how it looks. When you are done, press the X (Close) button in Microsoft Edge’s top-right corner.

Close the mobile browser emulator in Microsoft Edge

You are now back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Opera

In Opera, visit the web page that you want to view as if you were using a mobile device. Then click the Opera icon on the top-left (“Customize and control Opera”). In the menu that opens, choose Developer followed by Developer tools. If you prefer the keyboard, press the CTRL+Shift+I keys for the same result.

Access the Developer tools in Opera

The Developer tools are displayed on the right side of the browser window. Click the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. The device toolbar is shown on the left. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate from the list of options. Opera offers the same mobile browser emulators as Google Chrome and Microsoft Edge, as it is based on the same rendering engine (Chromium).

Access the mobile browser emulator in Opera

When you are done testing, press the X (Close) button in the top-right corner to get back to the standard desktop browsing mode.

Close the mobile browser emulator in Opera

Are you happy with the mobile browser emulation options available?

Now you know how to emulate all kinds of mobile devices in your favorite web browser. However, you might notice that most web browsers offer the same emulation options that favor iPhones and iPads. If you want to emulate a modern Android smartphone or tablet, your chances are pretty slim, even in Google Chrome - the browser developed by the company behind Android. If you want the best results, you might need to use two browsers for this task: Chrome and Firefox, or Firefox and Edge or Opera. Before you go, tell us what you think about the available options.

Related posts

• Πώς να κάνετε σίγαση μιας καρτέλας σε Chrome, Firefox, Microsoft Edge και Opera

• Πώς να εκτυπώσετε ένα άρθρο χωρίς διαφημίσεις σε όλα τα μεγάλα προγράμματα περιήγησης -

• Πώς να καρφιτσώσετε έναν ιστότοπο στη γραμμή εργασιών ή στο μενού Έναρξη στα Windows 10

• Πώς να κάνετε το Chrome το προεπιλεγμένο πρόγραμμα περιήγησης στα Windows 10 (Firefox & Opera)

• Πώς να αλλάξετε το προεπιλεγμένο πρόγραμμα περιήγησης στα Windows 11 -

• Πώς να κάνω το Google τη μηχανή αναζήτησής μου στο Microsoft Edge -

• Πώς να εισάγετε κωδικούς πρόσβασης στο LastPass από Chrome, Firefox, Opera και Microsoft Edge

• Πώς να ενεργοποιήσετε την Java σε όλα τα μεγάλα προγράμματα περιήγησης ιστού

• Πώς να ξεμπλοκάρετε το Adobe Flash Player στο Microsoft Edge των Windows 10 -

• Τα 10 κορυφαία πρόσθετα Microsoft Edge το 2021 -

• Πώς να ξεκινήσετε το Microsoft Edge στα Windows 10 (12 τρόποι) -

• Πώς να χρησιμοποιήσετε τις Συλλογές του Microsoft Edge -

• Πώς να αλλάξετε τη μηχανή αναζήτησης στο Chrome για Windows, macOS, Android και iOS -

• Πώς να αλλάξετε την προεπιλεγμένη μηχανή αναζήτησης Firefox -

• Μεταβείτε σε κατάσταση ανώνυμης περιήγησης με ένα πλήκτρο συντόμευσης σε Chrome, Edge, Firefox και Opera

• Πώς να βάλετε το Google Chrome σε Dark Mode -

• Πώς μπορώ να κάνω μεγαλύτερο το κείμενο σε Chrome, Edge, Firefox και Opera;

• 12 τρόποι διαχείρισης καρτελών στο Microsoft Edge -

• Πώς να κάνετε μεγέθυνση και σμίκρυνση στο πρόγραμμα περιήγησής σας -

• Πώς να σταματήσετε το Chrome να ζητά αποθήκευση κωδικών πρόσβασης -