بازرس بصری (前端重构+视觉走查辅助工具) در Chrome با OffiDocs
Ad
شرح
## Visual Inspector > این یک افزونه کروم است که به مهندسان و طراحان جلویی کمک میکند تا به سرعت تفاوتهای بین مدلهای طراحی و صفحات وب را پیدا کنند.
و همچنین خودآزمایی رابط کاربری مهندسین front-end، هزینه ارتباط با طراحان را کاهش می دهد.
> میتوانید «اندازه»، «موقعیت»، «شفافیت»، «حالت ترکیبی» نسخه خطی طراحی را به دلخواه تغییر دهید تا مقایسه رابط کاربری سبکهای مختلف طراحی را تسهیل کنید.
> اگر در حال انجام دوبارهسازی صفحه هستید، عملکرد بلادرنگ را میتوان به راحتی به حالت قبل از بازخوانی صفحه پس از تازهسازی صفحه بازیابی کرد (مانند اندازه، موقعیت، شفافیت و غیره).
از پیش نویس طراحی).
> در عین حال، اگر نیازی به جابجایی طرح کشش ندارید، توصیه می شود که عملکرد انجماد را باز کنید، به طوری که طرح دیگر به رویدادهای ماوس پاسخ نمی دهد، نمی تواند کشیده و بکشد، و بر تعامل تأثیر نمی گذارد. عملکرد خود صفحه
> میانبرهای از پیش تنظیم شده برای دستورات پرکاربرد برای عملکرد آسان تر و مقایسه ### نسخه جدید (1.3.9+) خط کش حذف شده است.
برای کسانی که به این قابلیت نیاز دارند، لطفاً خط کشی مانند [خطکش بهتر] (https://chrome.
گوگل
com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhhoiecaflie)، که از عناصر snapping پشتیبانی می کند.
کلیدهای میانبر ###: - h: نمایش یا پنهان کردن ماکت - f: نمایش یا پنهان کردن نوار ابزار پایین - d: ثابت یا باز کردن موکاپ - کلیدهای شماره (0-9): به سرعت شفافیت ماکت را تنظیم کنید.
به عنوان مثال، اگر 5 را دو بار در 1 ثانیه فشار دهید، شفافیت ماکت روی 55٪ تنظیم می شود.
اگر فقط یک بار در 1 ثانیه کلید عددی فشار داده شود، مثلاً 5، به طور خودکار پس از یک ثانیه 0 را پر می کند، یعنی شفافیت ماکت را روی 50٪ قرار دهید.
- کلیدهای جهت نما: مدل را حرکت داده و هر بار 1 پیکسل حرکت دهید.
اگر همزمان کلید Shift را فشار دهید، هر بار 10 پیکسل جابجا خواهید شد.
- سازگاری سریع: - alt + 0: تنظیم مجدد - alt + 1: اندازه تصویر اصلی - alt + 2: اندازه اصلی *2 - alt + 3: اندازه اصلی /2 - alt + 4: عرض پنجره - اگر میانبر کار نمی کند لطفاً بررسی کنید که آیا تمرکز صفحه فعلی در داخل سایر کنترلهای فرم (مانند ورودی، ناحیه متنی) است.
.
.
)؟ ساده ترین راه، روی ماکت یا روی قسمت خالی صفحه کلیک کنید و دوباره امتحان کنید :)
اطلاعات اضافی:
- ارائه شده توسط پل
- میانگین امتیاز: 4.5 ستاره (آن را دوست داشتم)
- توسعه دهنده این آدرس ایمیل در مقابل هرزنامه ها محافظت می شود. دیدن شما نیاز به جاوا اسکریپت دارید
بازرس بصری (前端重构+视觉走查辅助工具) وب extension با OffiDocs یکپارچه شده است Chromium آنلاین