استفاده از DevSuite Pro را تنها با چند کلیک شروع کنید
شروع کار ساده است. افزونه را نصب کنید، هر صفحه وبی را باز کنید و از طریق پنجره بازشو یا داک شناور به 39+ ابزار توسعه دسترسی پیدا کنید. نیازی به پیکربندی نیست.
افزونه را به Chrome اضافه کنید
فروشگاه وب Chrome را باز کنید و افزونه "DevSuite Pro" را جستجو کنید.
روی "افزودن به Chrome" کلیک کنید و سپس با کلیک روی "افزودن افزونه" در پنجره بازشو تأیید کنید.
هر صفحه وبی را باز کنید و ابزاری را اجرا کنید
به هر وبسایتی بروید، سپس روی آیکون DevSuite Pro در نوار ابزار کلیک کنید یا از داک شناور در صفحه استفاده کنید.
هر ابزاری را از شبکه انتخاب کنید. ابزارهایی مانند CSS Inspector، خطکشها یا انتخابکننده رنگ فوراً در صفحه فعلی فعال میشوند.
ویژگیهای افزونه
ویژگیهای کلیدی DevSuite Pro
DevSuite Pro بیش از 39+ ابزار توسعه برای بررسی، اندازهگیری، طراحی و تحلیل صفحات وب ارائه میدهد. جریان کار خود را با ویژگیهای قدرتمندی که مستقیماً در مرورگر شما تعبیه شدهاند، بهبود دهید.
CSS Inspector
نشانگر ماوس را روی هر عنصری ببرید تا فوراً سبکهای CSS آن را به صورت زنده مشاهده و ویرایش کنید، که اشکالزدایی و تنظیم طرحها را در زمان واقعی آسان میکند.
روی هر عنصری کلیک کنید تا ویژگیها، ابعاد، فاصلهها، فونتها و رنگهای آن را بررسی کنید. ساختار صفحه را فوراً بدون باز کردن ابزارهای توسعه مرورگر درک کنید.
خطکشها و راهنماها
فاصلهها را اندازه بگیرید، تراز را بررسی کنید و خطکشها و راهنماهای دقیق پیکسلی را به هر صفحه وب اضافه کنید تا مطمئن شوید طرحهایتان کاملاً تراز هستند.
انتخابکننده رنگ
رنگها را از هر عنصری در صفحه انتخاب کنید و مقادیر HEX، RGB یا HSL را تنها با یک کلیک در کلیپبورد خود کپی کنید.
ضبط تصویر صفحه
تصاویر صفحه تمام صفحه یا ناحیه قابل مشاهده را از هر صفحه وب بگیرید و فوراً دانلود کنید، مناسب برای اشتراکگذاری طرحها و گزارش اشکالات.
آزمایشکننده واکنشگرایی
هر صفحه وبی را در اندازههای مختلف صفحه نمایش و رزولوشنهای دستگاه پیشنمایش کنید تا طراحی واکنشگرا را بدون ترک مرورگر آزمایش کنید.
سوالات رایج درباره ویژگیها و نحوه استفاده از افزونه DevSuite Pro. اگر سوالی دارید، ممکن است پاسخ آن در زیر موجود باشد.
چگونه DevSuite Pro را نصب کنم؟
به فروشگاه وب Chrome بروید، "DevSuite Pro" را جستجو کنید، روی "افزودن به Chrome" کلیک کنید و با انتخاب "افزودن افزونه" تأیید کنید. پس از نصب، آیکون افزونه در نوار ابزار مرورگر شما ظاهر میشود. روی آن کلیک کنید تا فوراً به 39+ ابزار توسعه دسترسی پیدا کنید.
تفاوت بین ابزارهای رایگان و Pro چیست؟
ابزارهای رایگان (20+) بدون نیاز به مجوز برای همه در دسترس هستند. ابزارهای Pro با نشان طلایی PRO مشخص شدهاند و برای استفاده نیاز به مجوز فعال Pro دارند. از پنجره بازشو میتوانید ببینید کدام ابزارها رایگان یا pro هستند — ابزارهای رایگان آیکون قفل ندارند، در حالی که ابزارهای pro تا زمان فعالسازی مجوز کمی محو نمایش داده میشوند.
چرا یک ابزار در برخی وبسایتها کار نمیکند؟
برخی وبسایتها سیاستهای امنیت محتوای (CSP) سختگیرانهای دارند که اقدامات خاص افزونههای مرورگر را مسدود میکنند. این امر بهویژه در سایتهای بانکی و دولتی رایج است. همچنین، صفحات داخلی Chrome (chrome://) اجازه اجرای اسکریپتهای محتوا توسط افزونهها را نمیدهند.
آیا تغییرات من در صفحه دائمی هستند؟
خیر. تمام تغییرات ایجاد شده توسط ابزارهایی مانند جابجایی عنصر، ویرایشگر متن زنده، حذف/مخفی کردن عنصر و CSS Inspector موقتی هستند. آنها فقط بر آنچه اکنون در مرورگرتان میبینید تأثیر میگذارند. بارگذاری مجدد صفحه همه چیز را به حالت اصلی باز میگرداند.
چگونه مجوز Pro خود را فعال کنم؟
پنجره بازشوی DevSuite Pro را باز کنید، روی آیکون تنظیمات در گوشه بالا سمت راست کلیک کنید. به بخش مجوز پایین بروید، کلید مجوز خود را در فیلد ورودی جایگذاری کنید و روی فعالسازی کلیک کنید. اگر کلید معتبر باشد، نشان از FREE به PRO تغییر میکند و تمام ابزارهای pro فوراً باز میشوند.
چگونه داک شناور را جابجا یا مخفی کنم؟
میتوانید داک را با رفتن به تنظیمات و انتخاب موقعیت نوار کناری متفاوت — بالا، پایین، چپ یا راست — جابجا کنید. همچنین میتوانید داک را کاملاً با خاموش کردن "نمایش داک در صفحات" در تنظیمات مخفی کنید، یا در هر زمانی Ctrl+Shift+X را فشار دهید.
آیا DevSuite Pro دادههای مرور را جمعآوری میکند؟
خیر. DevSuite Pro دادههای مرور شما را جمعآوری، ردیابی یا ارسال نمیکند. تمام تنظیمات به صورت محلی در مرورگر شما ذخیره میشوند. تنها درخواست خارجی که انجام میشود هنگام فعالسازی کلید مجوز برای تأیید کلید شما با سرور ماست.
آیا میتوانم از DevSuite Pro در Firefox استفاده کنم؟
بله! DevSuite Pro هم در فروشگاه وب Chrome و هم در افزونههای Firefox در دسترس است. روی Chrome، Edge، Brave و سایر مرورگرهای مبتنی بر Chromium و همچنین Firefox کار میکند.
