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

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

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

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

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

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

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

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

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

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

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

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

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

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