زمان جاری : دوشنبه 29 اسفند 1401 - 12:39 بعد از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور را فراموش کردم




تابلو اعلانات
elanat

ارسال پاسخ
تعداد بازدید 2381
نویسنده پیام
20-abzar آفلاین


ارسال‌ها : 1141
عضویت: 22 /8 /1393
محل زندگی: gorgan
سن: 23
شناسه یاهو: تلگرام @seyed_admin
تشکرها : 203
تشکر شده : 244
معرفی ابزار های تست ریسپانسیو بودن سایت

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

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

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

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


۱. ? Am I Responsive :



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





۲. Viewport Resizer :



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





۳. Responsive Test :



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





۴. BrowserStack :



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





۵. FireFox Responsive Design :



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

امضای کاربر :
....بیست ابزار....



عاشقانه


. ⇢⇣⇠ اِی روزِگــــــار ⇢⇣⇠


یِکیـــو خوشگِــــل کَــردی●


یِکیـــو پــولـــــدار کَــردی●


یِکیـــو مَشهــــــور کَــردی ●


دَمِــت گَــــرم ➽


مــا رو ↜فَقَــــط↝ کَــــردے♚☞
پنجشنبه 29 مرداد 1394 - 14:00
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 2 کاربر از 20-abzar به خاطر این مطلب مفید تشکر کرده اند: koolak91 & banozk &
koolak91 آفلاین



ارسال‌ها : 1750
عضویت: 27 /9 /1391
محل زندگی: زمین خدا
شناسه یاهو: ali.yazdani1666
تشکرها : 541
تشکر شده : 683
پاسخ : 1 RE معرفی ابزار های تست ریسپانسیو بودن سایت
بسیار خوب و کاربری
فقط یه چیزی!
شماره های 3 و 5 لینک ندارن!
۳. Responsive Test :


۵. FireFox Responsive Design :



+تشکر

پیروز باشید./
یاعلی

امضای کاربر :
السلام علیک یا ابا عبدالله الحسین(علیه السلام)
دلم... یک اتفاق تازه می خواهد..!!
نه مثل عشق و دل دادن..؛
نه در دام غم افتادن..؛
دگر اینها گذشت از ما..!
شبیه شوق یک کودک..
که کفش نو به پا دارد
و گویی کل دنیا را..
در آن لحظه به زیر کفشها دارد،
دلم یک شور بی اندازه می خواهد!
فقط گاهی...
دلم ... یک اتفاق تازه می خواهد..!!



(نوشته های خودتون رو در کولاک91 به نمایش بگذارید)
وبسایت شخصی من
شنبه 31 مرداد 1394 - 11:22
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 1 کاربر از koolak91 به خاطر این مطلب مفید تشکر کرده اند: 20-abzar /
20-abzar آفلاین



ارسال‌ها : 1141
عضویت: 22 /8 /1393
محل زندگی: gorgan
سن: 23
شناسه یاهو: تلگرام @seyed_admin
تشکرها : 203
تشکر شده : 244
پاسخ : 2 RE معرفی ابزار های تست ریسپانسیو بودن سایت
برای بعد لینک هارو میزارم ( البته تو پاسخ چون دسترسی ویرایش ندارم)

ممنون از نظرت + تشکر

امضای کاربر :
....بیست ابزار....



عاشقانه


. ⇢⇣⇠ اِی روزِگــــــار ⇢⇣⇠


یِکیـــو خوشگِــــل کَــردی●


یِکیـــو پــولـــــدار کَــردی●


یِکیـــو مَشهــــــور کَــردی ●


دَمِــت گَــــرم ➽


مــا رو ↜فَقَــــط↝ کَــــردے♚☞
شنبه 31 مرداد 1394 - 11:26
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
koolak91 آفلاین



ارسال‌ها : 1750
عضویت: 27 /9 /1391
محل زندگی: زمین خدا
شناسه یاهو: ali.yazdani1666
تشکرها : 541
تشکر شده : 683
پاسخ : 3 RE معرفی ابزار های تست ریسپانسیو بودن سایت
من اولی رو تست کردم خوب بود
بعدش دیدم دوتاش لینک نداره گفتم بگم


در کل خوبه

پیروز باشید./
یاعلی

امضای کاربر :
السلام علیک یا ابا عبدالله الحسین(علیه السلام)
دلم... یک اتفاق تازه می خواهد..!!
نه مثل عشق و دل دادن..؛
نه در دام غم افتادن..؛
دگر اینها گذشت از ما..!
شبیه شوق یک کودک..
که کفش نو به پا دارد
و گویی کل دنیا را..
در آن لحظه به زیر کفشها دارد،
دلم یک شور بی اندازه می خواهد!
فقط گاهی...
دلم ... یک اتفاق تازه می خواهد..!!



(نوشته های خودتون رو در کولاک91 به نمایش بگذارید)
وبسایت شخصی من
شنبه 31 مرداد 1394 - 11:38
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
20-abzar آفلاین



ارسال‌ها : 1141
عضویت: 22 /8 /1393
محل زندگی: gorgan
سن: 23
شناسه یاهو: تلگرام @seyed_admin
تشکرها : 203
تشکر شده : 244
پاسخ : 4 RE معرفی ابزار های تست ریسپانسیو بودن سایت
من کلا از این استفاده میکنم:
فایر فاکس کلید های ترکیبی Ctrl + Shift + M رو

بزنید میبینید

امضای کاربر :
....بیست ابزار....



عاشقانه


. ⇢⇣⇠ اِی روزِگــــــار ⇢⇣⇠


یِکیـــو خوشگِــــل کَــردی●


یِکیـــو پــولـــــدار کَــردی●


یِکیـــو مَشهــــــور کَــردی ●


دَمِــت گَــــرم ➽


مــا رو ↜فَقَــــط↝ کَــــردے♚☞
شنبه 31 مرداد 1394 - 11:43
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
koolak91 آفلاین



ارسال‌ها : 1750
عضویت: 27 /9 /1391
محل زندگی: زمین خدا
شناسه یاهو: ali.yazdani1666
تشکرها : 541
تشکر شده : 683
پاسخ : 5 RE معرفی ابزار های تست ریسپانسیو بودن سایت
نقل قول از 20-abzar
من کلا از این استفاده میکنم:
فایر فاکس کلید های ترکیبی Ctrl + Shift + M رو

بزنید میبینید

آره اینم خوبه

پیروز باشید./

یاعلی

امضای کاربر :
السلام علیک یا ابا عبدالله الحسین(علیه السلام)
دلم... یک اتفاق تازه می خواهد..!!
نه مثل عشق و دل دادن..؛
نه در دام غم افتادن..؛
دگر اینها گذشت از ما..!
شبیه شوق یک کودک..
که کفش نو به پا دارد
و گویی کل دنیا را..
در آن لحظه به زیر کفشها دارد،
دلم یک شور بی اندازه می خواهد!
فقط گاهی...
دلم ... یک اتفاق تازه می خواهد..!!



(نوشته های خودتون رو در کولاک91 به نمایش بگذارید)
وبسایت شخصی من
شنبه 31 مرداد 1394 - 11:49
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
sam500 آفلاین



ارسال‌ها : 1
عضویت: 8 /5 /1395


پاسخ : 6 RE طراحی سایت رسپانسیو
بهترین کار کوچک کردن پنجره مرورگر جهت اطمینان از تمامی سایز ها است. همچنین از google page speed insight استفاده کنید چون رسپانسیو بودن فقط این نیست گوگل حتی طور عرض کلید های شما را نیز چک می کند که ببیند ایا برای تاچ مناسبند یا خیر. پیشنهاد می کنم از تویتر بوت استرپت استفاده کنید تا استاندارد ها خود به خود رعایت شوند

مطالب زیر را نیز مطالعه نمایید


امضای کاربر :
طراحی سایت رسپانسیو


تأثیر-طراحی-سایت-رسپانسیو-بر-روی-بهبود-سئو-سایت
جمعه 08 مرداد 1395 - 23:34
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
amirlearn آفلاین



ارسال‌ها : 2
عضویت: 11 /1 /1398


پاسخ : 22 RE معرفی ابزار های تست ریسپانسیو بودن سایت
سلام
خیلی ممنون خوب بود دمت گرم

یکشنبه 11 فروردین 1398 - 15:36
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
ارسال پاسخ



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


پرش به انجمن :