ممکن است برای شما هم پیش آمده باشد که در برخی مواقع بخواهید از نسخه های موبایل سایت ها دیدن کنید ولی دسترسی به تلفن همراه ندارید.در مقاله ی امروز روش هایی را با هم مرور خواهیم کرد تا بتوانیم به راحتی با مرورگرهای سیستم عامل، سایت ها را به صورت نسخه ی موبایلی مشاهده کنیم.با من همراه باشید:

تصور کنید شما یک سایت طراحی کرده اید و می خواهید بدانید که قالب سایت ، در پلتفرم های مختلف چگونه نمایش داده می شود.
راه حل ابتدایی این است که سایت خود را بر روی تلفن های همراه مختل، با سیستم عامل های مختلف و همچنین تبلت ها آزمایش کنید.
پس نتیجه میگیریم که راه حا اول به صرفه نیست و بسیار مشکل است.
راه حل دوم که امروز در مورد آن توضیح خواهم داد استفاده از افزونه (Extension) و برخی تغییرات بر روی مرورگرهای سیستم عامل است.با استفاده از این روش به راحتی میتوانید سایت های مورد نظر خود را در قالب Mobile mode مشاهده کنید.

استفاده از مرورگر FireFox
برای اینکه بتوانید صفحات اینترنتی را در حالت Mobile Mode مشاهده کنید ابتدا به لینک زیر مراجعه کنید:
https://addons.mozilla.org/en-US/firefox/addon/user-agent-string-switcher/

گزینه Add To firefox را انتخاب کنید:

گزینه ی Add را انتخاب کنید:

بر روی OK کلیک کنید:

حال به تصویر زیر دقت کنید.در این مثال من کلمه ای را در گوگل جستجو کردم:

برای مشاهده ی این سایت بر روی پلتفرم های مختلف ابتدا آیکون مشخص شده در آدرس بار را لمس کنید:

از پنجره ی باز شده سیستم عامل مورد نظر خود را انتخاب کنید و گزینه ی Apply را انتخاب کنید:

حال اگر صفحه را یک بار رفرش کنید متوجه تغییرات خواهید شد:

استفاده از مرورگر Google Chrome
در مرورگر کروم به دو روش می توانید صفحات اینترنتی را به صورت Mobile Mode مشاهده کنید:

روش اول : استفاده از افزونه
ابتدا به لینک زیر مراجعه کنید:
https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg/

سپس گزینه ی Add to Chrome را انتخاب کنید:

گزینه ی Add Extension را انتخاب کنید:

ایتدا آیکون مشخص شده را انتخاب کرده و در نهایت پلتفرم دلخواه خود را انتخاب کنید

روش دوم : تغییر تنظیمات
ابتدا مرورگر کروم را باز کنید و بر روی آیکون مشخص شده کلیک کنید و از تب باز شده گزینه ی more tools و سپس گزینه ی developer tools را انتخاب کنید

بعد از انتخاب گزینه ی developer tools با صفحه ی زیر مواجه میشوید

حال بر روی آیکون موبایل در بالای صفحه کلیک کنید تا به رنگ آبی دربیاید

اکنون به راحتی می توانید صفحات را در حالت Mobile Mode مشاهده کنید.

لطفا نظر خودتان را برای ما ارسال کنید تا نقاط قوت و ضعف مطالب مشخص شده و در جهت بهبود کیفیت محتوای سایت بتوانیم قدم موثر تری برداریم .