آموزشینرم افزار

افزونه ای برای اندازه گیری در صفحه وب بر حسب پیکسل

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

اندازه گیری بخش های مختلف سایت 1
افزونه page ruler برای اندازه گیری در صفحه وب

برای دریافت می توانید Page Ruler را در وب استور گوگل افزونه های مرورگر کروم جستجو کنید، یا به لینک زیر مراجعه کنید:

https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme?hl=en

و اگر در دریافت آن مشکل داشتید می توانید به آموزش “چگونه افزونه های مرورگر گوگل کروم را از وب استور گوگل دانلود و نصب کنیم؟” مراجعه کنید و مطابق آن عمل نمایید.

چطور با افزونه کار کنیم؟

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

اندازه گیری بخش های مختلف سایت 2

که با کلیک کردن روی آیکون page ruler ، بخشی به بالای صفحه اضافه می شود که در آن می توانید اندازه و موقعیت بخش انتخاب شده را مشاهده نمود.

اندازه گیری در صفحه وب

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

اندازه گیری بخش های مختلف سایت 4

شماره 2: اندازه بخش انتخاب شده بر حسب پیکسل است، که طول و عرض آن بخش است.

 شماره 3: position یا محل قرارگیری عنصر یا بخش انتخاب شده را نشان می دهد.

این مقاله را نیز مطالعه کنید:  یوتیوب بدون نیاز به فیلتر شکن: با نصب افزونه دیدئو در مرورگر کروم

شماره 4: رنگ ناحیه انتخاب شده را می توان انتخاب کرد.

شماره 5: در این گزینه هم می توان خطوط منتهی به ناحیه انتخابی را فعال و غیر فعال کرد.

شماره 6: با کلیک بر روی علامت ضربدر (×) افزونه خط کشی را می بنند و می توان به حالت عادی با صفحه وب کار کرد.

برچسب ها

بهروز شیخان

سلام من بهروز شیخان هستم، و تلاش دارم در این جا آموزش ها، نکات و تجربیاتی که به نظرم مفید هستند، را در اختیار شما قرار دهم.

نوشته‌های مشابه

یک دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پنج × 4 =

دکمه بازگشت به بالا
بستن