آیا برای آزمایش نسخه موبایلی وب سایتی که به آن علاقه دارید، باید به شبیه ساز مرورگر تلفن هوشمند روی رایانه شخصی خود دسترسی داشته باشید؟ شاید شما یک توسعه دهنده وب هستید یا می خواهید یکی شوید و باید یک مرورگر موبایل را برای پروژه ای که روی آن کار می کنید شبیه سازی کنید. صرف نظر^(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» کلیک کنید یا روی آن ضربه بزنید (به نظر می رسد یک گوشی هوشمند در کنار تبلت است) یا CTRL + Shift + M را روی صفحه کلید خود فشار دهید. با این کار نوار ابزار دستگاه که در آن صفحه موبایل بارگیری می شود، فعال می شود. به‌طور پیش‌فرض، نوار ابزار دستگاه از یک الگوی Responsive برای سایتی که بارگیری کرده‌اید استفاده می‌کند. روی آن کلیک کنید^(Click) و دستگاه تلفن همراهی را که می خواهید شبیه سازی کنید انتخاب کنید. گزینه‌های شما شامل بسیاری از iPhone، iPad، Surface Duo ، دو دستگاه Samsung Galaxy و یک شبیه‌ساز مرورگر موبایل Moto G4^{(Moto G4 mobile)} برای رایانه شخصی است.

نحوه فعال کردن شبیه ساز مرورگر موبایل در گوگل کروم^{(Google Chrome)}

نکته:^(TIP:) متأسفانه، تنها پس از فعال کردن ابزارهای توسعه دهنده ، می توانید از میانبر صفحه کلید CTRL + Shift + M

در سایتی که می‌خواهید آزمایش کنید پیمایش^(Navigate) کنید، بین گوشی‌های هوشمند و تبلت‌های مختلف جابه‌جا شوید و ببینید که چگونه به نظر می‌رسد. وقتی کارتان تمام شد، دکمه 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 را روی صفحه کلید خود فشار دهید یا روی دکمه همبرگر در گوشه سمت راست بالا کلیک کنید تا منوی Firefox باز شود و Web Developer را انتخاب کنید .

به ابزارهای توسعه دهنده وب در ^{(Web Developer)}فایرفاکس دسترسی داشته باشید^(Firefox)

منوی پر از ابزارهایی را مشاهده می کنید که برای توسعه دهندگان وب مفید هستند. در لیست، "Responsive Design Mode" را انتخاب کنید و این حالت خاص برای مشاهده یک صفحه وب در فایرفاکس^(Firefox) بارگیری می شود .

حالت طراحی واکنشگرا^{(Responsive Design Mode)} را در فایرفاکس^(Firefox) انتخاب کنید

فایرفاکس حالت طراحی واکنشگرا^{(Responsive Design Mode)} را فعال می کند . در بالای پنجره، پارامترهای استفاده شده توسط این حالت شبیه سازی را مشاهده می کنید. اگر هیچ دستگاهی انتخاب نشده است، روی Responsive کلیک کنید یا روی آن ضربه بزنید تا یک لیست کشویی با دستگاه های موجود برای شبیه سازی باز شود و سپس دستگاهی را که می خواهید شبیه سازی کنید انتخاب کنید.

می‌توانید مرورگر تلفن همراه را برای بسیاری از آیفون‌ها، iPad، Kindle Fire ( فایرفاکس^(Firefox) تنها مرورگری است که این گزینه شبیه‌سازی را ارائه می‌دهد) و دستگاه‌های Samsung Galaxy S9^{(Samsung Galaxy S9)} شبیه‌سازی کنید.

از شبیه ساز مرورگر موبایل در فایرفاکس استفاده کنید^(Firefox)

وقتی آزمایش با شبیه ساز مرورگر تلفن هوشمند را تمام کردید، دکمه X (بستن حالت طراحی پاسخگو)^{(X (Close Responsive Design Mode))} را در گوشه سمت راست بالای Mozilla Firefox فشار دهید .

شبیه ساز مرورگر موبایل در فایرفاکس را ببندید^(Firefox)

شما به حالت استاندارد مرور دسکتاپ بازگشته اید.

نحوه روشن کردن و استفاده از شبیه ساز مرورگر موبایل در مایکروسافت اج^{(Microsoft Edge)}

مایکروسافت اج^{(Microsoft Edge)} از موتور رندر مشابه گوگل کروم^{(Google Chrome)} استفاده می کند و شبیه سازهای مرورگر گوشی هوشمند را ارائه می دهد. برای دسترسی به آن‌ها، از وب‌سایتی که می‌خواهید آزمایش کنید بازدید کنید و یا CTRL + SHIFT + I را روی صفحه‌کلید خود فشار دهید یا روی سه نقطه افقی ( «تنظیمات و موارد دیگر»^{(“Settings and more”)} ) در گوشه سمت راست بالای Microsoft Edge کلیک کنید. در منوی ظاهر شده، به ابزارهای بیشتر^{(More tools)} و سپس به ابزارهای برنامه‌نویس^{(Developer Tools)} بروید .

به ابزارهای Developer در ^(Developer)Microsoft Edge دسترسی داشته باشید^{(Microsoft Edge)}

روی دکمه «تغییر شبیه‌سازی دستگاه»^{(“Toggle device emulation”)} کلیک کنید (به نظر می‌رسد یک گوشی هوشمند در کنار تبلت است) یا CTRL + Shift + M را روی صفحه‌کلید خود فشار دهید. با این کار نوار ابزار شبیه ساز مرورگر موبایل فعال می شود. به طور پیش فرض، از یک قالب واکنش^(Responsive) گرا برای سایتی که بارگذاری کرده اید استفاده می کند. روی آن کلیک کنید^(Click) و دستگاه تلفن همراهی را که می خواهید شبیه سازی کنید انتخاب کنید. گزینه‌های شما شامل گوشی‌های هوشمند و تبلت‌های مشابه Google Chrome است.

به شبیه ساز مرورگر موبایل در Microsoft Edge دسترسی پیدا کنید^{(Microsoft Edge)}

سایتی را که می خواهید آزمایش کنید مرور کنید، بین دستگاه های تلفن همراه مختلف تغییر دهید و ببینید چگونه به نظر می رسد. وقتی کارتان تمام شد، دکمه X (بستن)^{(X (Close))} را در گوشه سمت راست بالای مایکروسافت اج فشار دهید.

شبیه ساز مرورگر موبایل در مایکروسافت اج را ببندید^{(Microsoft Edge)}

اکنون به حالت استاندارد مرور دسکتاپ بازگشته اید.

نحوه روشن کردن و استفاده از شبیه ساز مرورگر موبایل در Opera

در اپرا^(Opera) ، از صفحه وبی بازدید کنید که می‌خواهید آن را طوری مشاهده کنید که گویی از یک دستگاه تلفن همراه استفاده می‌کنید. سپس روی نماد Opera در سمت چپ بالا کلیک کنید ( ^(Opera)"Customize and control Opera" ). در منوی باز شده، Developer و سپس Developer tools را انتخاب کنید . اگر صفحه کلید را ترجیح می دهید، CTRL+Shift+I را برای نتیجه مشابه فشار دهید.

به ابزارهای Developer در Opera دسترسی داشته باشید

ابزارهای Developer^{( Developer tools)} در سمت راست پنجره مرورگر نمایش داده می شوند. روی دکمه "Toggle device toolbar" کلیک کنید (به نظر می رسد یک تلفن هوشمند در کنار تبلت است) یا CTRL + Shift + M را روی صفحه کلید خود فشار دهید. نوار ابزار دستگاه در سمت چپ نشان داده شده است. به طور پیش فرض، از یک قالب واکنش^(Responsive) گرا برای سایتی که بارگذاری کرده اید استفاده می کند. روی آن کلیک کنید^(Click) و دستگاه تلفن همراهی را که می خواهید شبیه سازی کنید از لیست گزینه ها انتخاب کنید. اپرا همان شبیه سازهای مرورگر تلفن همراه گوگل کروم^{(Google Chrome)} و مایکروسافت اج^{(Microsoft Edge)} را ارائه می دهد ، زیرا بر اساس موتور رندر یکسانی ( Chromium ) است.

به شبیه ساز مرورگر موبایل در Opera دسترسی داشته باشید^(Opera)

پس از اتمام تست، دکمه X ( بستن^(Close) ) را در گوشه سمت راست بالا فشار دهید تا به حالت استاندارد مرور دسکتاپ بازگردید.

شبیه ساز مرورگر موبایل را در Opera ببندید^(Opera)

آیا^(Are) از گزینه های شبیه سازی مرورگر تلفن همراه در دسترس هستید؟

اکنون می دانید که چگونه انواع دستگاه های تلفن همراه را در مرورگر وب مورد علاقه خود شبیه سازی کنید. با این حال، ممکن است متوجه شوید که اکثر مرورگرهای وب همان گزینه‌های شبیه‌سازی را ارائه می‌کنند که به نفع آیفون و آی‌پد است. اگر می‌خواهید از یک گوشی هوشمند یا تبلت اندرویدی^(Android) شبیه‌سازی کنید، شانس شما بسیار کم است، حتی در Google Chrome - مرورگری که توسط شرکت سازنده Android توسعه یافته است . اگر می‌خواهید بهترین نتایج را داشته باشید، ممکن است لازم باشد از دو مرورگر برای این کار استفاده کنید: Chrome و Firefox ، یا Firefox و Edge یا Opera . قبل از رفتن، نظر خود را در مورد گزینه های موجود به ما بگویید.

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

Do you need to accesѕ а smartphоne browser emulatоr on your PC to test the mobile version of a website yоu are interested in? Maybe you arе a web developer, or you want to becоme one, and you need to simulate a mobile browser for the project you are working on. Regardless of your reasons, here is how to access a mobile browser emulator in Googlе Chrome, Mozilla Firefox, Microsoft Edgе, 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

• نحوه چاپ یک مقاله بدون تبلیغات در تمام مرورگرهای اصلی

• چگونه به پین ​​یک وب سایت به نوار وظیفه یا Start Menu در Windows 10

• چگونه به Chrome default browser در Windows 10 (Firefox & Opera)

• چگونه برای تغییر default browser در Windows 11

• سوالات ساده: کوکی ها چیست و چه کاری انجام می دهند؟

• چگونه می توانم متن در Chrome، Edge، Firefox و Opera بزرگتر؟

• چگونه به خاموش کردن Chrome اطلاعیه: همه شما نیاز به دانستن

• 5 مشکلی که مایکروسافت اج را بدتر از سایرین مرورگر وب می کند

• Make InPrivate or Incognito shortcuts برای Firefox، Chrome، Edge، Opera یا Internet Explorer

• نحوه پاک کردن کوکی ها در اندروید (کروم، فایرفاکس، اپرا، اینترنت سامسونگ)

• چگونه صفحات را در مرورگر خود، در مک (سافاری، کروم، فایرفاکس و اپرا) هارد به‌روزرسانی کنیم.

• Go incognito با shortcut key در Chrome، Edge، Firefox و Opera

• نحوه فعال کردن جاوا در تمام مرورگرهای وب

• ۷ روشی که مرورگرها باید مرور خصوصی را بهبود بخشند (ناشناس، InPrivate و غیره)

• درباره InPrivate and Incognito. مرور خصوصی چیست؟ Which browser بهترین است؟

• چه نسخه Chrome آیا من دارم؟ 6 راه برای پیدا کردن

• نحوه استفاده از تایم لاین ویندوز 10 با گوگل کروم

• بالا 10 Microsoft Edge افزودنیهای 2021

• چگونه Dark Mode را در Microsoft Edge روشن و خاموش کنید