چگونه طراحی سایت خود را در صفحه نمایش‌های مختلف در ویندوز تست کنید؟

  • تیر ۱۵, ۱۳۹۵

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

تست نحوه نمایش رزولوشن‌های مختلف طراحی سایت در ویندوز

طبق تجربه، هرچه روش و متد تست نحوه نمایش سخت تر شود، وب‌مسترها و مدیران وب سایت کمتری به انجام این کار مبادرت می ورزند.اما با استفاده از روشی که در ادامه به بررسی آن خواهیم پرداخت انجام این کار به ساده ترین شکل ممکن برایتان ممکن خواهد شد.
آیا اعتبارسنجی HTML و CSS صفحات طراحی سایت خود را انجام داده‌اید؟

test website different screen viewing
منطقی است پیش از مشاهده شدن وب‌سایت در دستگاه های با اندازه‌های مختلف توسط کاربران و گله و شکابت آن‌ها از نحوه نمایش نامناسب وب‌سایت، خودتان برحسب رزولوشن‌های استاندارد تست لازم را بر روی وب سایت انجام داده تا از نمایش صحیح آن اطمینان حاصل نمائید.

رزولوشن های متداول صفحات نمایش کامپیوتر

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

  • ۶۴۰×۴۸۰
  • ۸۰۰×۶۰۰
  • ۱۰۲۴×۷۶۸
  • ۱۲۸۰×۸۰۰
  • ۱۳۶۶×۷۶۸
  • ۱۴۰۰×۹۰۰
  • ۱۶۸۰×۱۰۵۰

رزولوشن های متداول گوشی‌های هوشمند

مهمتر از دسکتاپ و لپتاپ‌، گوشی های هوشمند و تبلت ها هستند که بالغ بر ۷۰٪ ترافیک مرور صفحات وب را به خود اختصاص داده‌اند.در ادامه نیز لیستی از اصلی ترین صفحات نمایش را آورده ایم که بهتر است حتما تست‌های لازم را طبق آن ها بر روی طراحی وب سایت خود انجام دهید.

  • ۲۴۰ (حالت عمودی دستگاه های اندرویدی قدیمی)
  • ۳۲۰ (حالت عمودی آیفون)
  • ۳۷۵ (حالت عمودی آیفون۶)
  • ۳۸۴ (حالت عمودی نکسوز)
  • ۴۱۴ (حالت عمودی آیفون۶ پلاس)
  • ۴۸۰ (حالت افقی آیفون ۳ و ۴)
  • ۵۶۸ (حالت افقی آیفون۵)
  • ۶۰۰ (حالت افقی نکسوز)
  • ۶۶۷ (حالت افقی آیفون۶)
  • ۷۳۶ (حالت افقی آیفون۶ پلاس)
  • ۷۶۸ (حالت عمودی آیپد)

به منظور تست به چه چیزهایی نیاز دارید؟

test website different screen viewing

  • یک مانیتور که بتواند بزرگترین رزولوشنی را که برای تست مدنظر دارید به شما ارائه کند.
  • سایزر ، که ابزاری ساده و سبک و رایگان است که به شما اجازه تغییر اندازه رزولوشن فعال در ویندوز را می دهد.سایزر (Sizer) از جمله ابزارهای کاربردی برای طراحان وب سایت است، طراحانی که باید تمرکز خاصی بر روی طراحی سایت ریسپانسیو داشته باشند.این ابزار را می توانید از آدرس مقابل دریافت کنید : brianapps.net/sizer

چگونه از آن استفاده کنیم؟

test website different screen viewing
بعد از نصب برنامه تیک هر سه گزینه مشخص شده در زیر را بزنید.

test website different screen viewing
با زدن گزینه add این امکان را خواهید داشت تا اندازه ها متنوعی را برای استفاده های بعدی وارد کنید.مطمئن شوید که مقداری بزرگتر از صفحه نمایشی که دارید وارد نکرده باشید.

در ادامه و بعد از باز کردن مرورگرتان، در هرجا که لازم داشتید از تسکبار پایین صفحه ویندوز Sizer را انتخاب کرده و سپس رزولوشن مد نظرتان را انتخاب نمائید.

مشاوره رایگان طراحی سایت

مشاوره طراحی سایت

در صورتی که به دنبال راه اندازی کسب و کار خود در دنیای اینترنت هستید . عدد 21 را به شماره 09107585955 پیامک نمایید یا در لینک زیر فرم درخواست مشاوره را پر نمایید تا مشاوران اینتن با شما در تماس باشند . با اینتن بروز باشید.

بدون نظر
 

پیام بگذارید