معرفی ابزار های تست ریسپانسیو بودن سایت
دسته‌ها : آموزش های طراحی سایت , مقالات آموزشی ۰۹ مرداد ۱۳۹۴ - ۲۰:۴۸ امیر رضائی بدون نظر
خانه آموزش های طراحی سایتمقالات آموزشی معرفی ابزار های تست ریسپانسیو بودن سایت

سلام خدمت کاربران بلاگ تم در این قسمت از پست هامون می خوام تا شما رو با چند ابزار مهم برای تست ریسپانسیو بودن سایت یا وبلاگتون معرفی کنم

همانطور که می دونید ریسپانسیو به عنوان یکی از مهمترین شاخصه های طراحی قالب در زمان کنونی استو ولی ما چطور باید بدونیم که واقعا” ما سایتی ریسپانسیو داریم یا نه؟

برای این کار نیاز نیست که سایت رو در رزولیشن های مفاوت تست کنید فقط کافی است تا ابزارهایی که معرفی می کنیم سایت خودتون رو در سایز ها و رزولیشن های شبیه سازی شده تست کنسد و نمایش صحیح قالب خودتون رو ببینید

ما در پایین به ۵ ابزار مهم و کاربردی اشاره خواهیم کرد:

۱۰۱۲

۱. ? Am I Responsive :

 

یکی از بهترین سایت های شبیه سازی ۴ رزولوشن پر کاربرد برای تست ریسپانسیو که با وارد کردن آدرس سایت خودتون میتونید سایت رو داخل ۴ دستگاه پر کاربرد یعنی لب تاپ ها , تبلت ها , اسمارت فون ها , و دسکتاپ های رومیزی … یکی دیگر از قابلیت های مفید این سرویس این هستش که میتونید پس از تست از پیش نمایشی که از لبت تاپ و تبلت .. درست شده عکس بگیرید و به اشتراک بگذارید …

 

 

۲. Viewport Resizer : 

 

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

حتما بخوانید  حل مشکل واکنش گرایی ویدئو پلیر وردپرس

 

 

۳. Responsive Test  :

 

این سایت امکانات خیلی خوبی داره و میتونید سایت خودتون رو هر اندازه ایی که مایل هستید تست کنید و تست های خیلی دقیق از ریز ترین جزئیات طراحیتون در بیارید تا بتونید بفهمید طراحی ریسپانسیو سایت شما تا چه اندازه دقیق و بدون نقص هستش …

 

 

۴. BrowserStack : 

 

یکی دیگر از ابزار های فوق العاده تست ریسپانسیو این سایت هستش که میتونید سایت خودتون در  ۱۳ اسمارت فون و تلفن همراه و همینطور تبلت  تست کنید این سایت جزئیات دقیق اندازه اسمارت فون ها رو برای شما شبیه سازی میکنه و میتونید با انتخاب مدل اسمارت فون مورد نظرتون ببینید که سایت شما در اون تلفن همراه به چه صورت هستش ایا به خوبی واکنش گرا و بهنیه هست یا نه  ….

 

 

۵. FireFox Responsive Design : 

 

تمام ابزار های تست ریسپانسیو که در بالا معرفی کردیم تحت وب و آنلاین هستند ولی مواقعی پیش میاد که ما به اینترنت دسترسی نداریم و مجبوریم تا به صورت افلاین سایت خودمون رو تست کنید یا بر روی یک پروژه ایی داریم کار میکنیم که در لوکال هستش در این صورت شما میتونید از ابزارتست ریسپانسیو که در مروگر قدرتمند شرکت موزیلا یعنی فایرفاکس هستش استفاده کنید برای فعال کردن این حالت فقط کافیه در فایر فاکس کلید های ترکیبی Ctrl + Shift + M رو بزنید میبینید که یک ابزار پر سرعت و سبک جهت تست واکنش گرایی صفحه شما فعال شد این ابزار فایرفاکس امکانات خیلی خوبی داره و میتونید صفحه خودتون رو در چندین اندازه مختلف تست کنید همینطور میتونید در حین تست کردن عکس هم بگیرید و به اشتراک بذارید …

 

امیر رضائی وبسایت


وردپرس را با تمام وجودم دوست دارم و از این رو چندین سال است در زمینه طراحی سایت های وردپرسی و طراحی پوسته های وردپرسی فعالیت می کنم و اعتقادم بر این است که انسان باید آموخته ها و تجربیات خود را با دیگران به اشتراک بگذارد بلاگ تم مکان اشتراک گذاری تجربیات و آموخته های من است

بهترین و راحت ترین راه برای ارتباط با شما کانال تلگرام بلاگ تم

newslatter

با اشتراک در خبرنامه از آخرین آموزش ها و خدمات مطلع شوید !

از عضویت شما در خبرنامه بلاگ تم متشکریم!
best web design software

امتیاز دهید