صادر کردن عنصر به شما اجازه میدهد روی هر عنصری در یک صفحه وب کلیک کنید و ساختار کامل آن را در سه فرمت صادر کنید: markup HTML خام با همه فرزندان و ویژگیها، استایلهای CSS محاسبهشده به عنوان stylesheet تمیز، یا یک نمایش ساختاریافته JSON.
هر توسعهدهندهای لحظاتی دارد که نیاز دارد کد را از یک صفحه موجود استخراج کند — شاید یک کامپوننت کارت زیبا، یک نوار ناوبری خوب ساختاریافته یا یک چیدمان فرم. صادر کردن عنصر این را در یک کلیک خلاصه میکند. هر عنصری را انتخاب کنید و HTML کامل، CSS محاسبهشده کامل یا یک نمایش JSON ساختاریافته دریافت کنید — هرکدام در تب خود.
<div class="pricing-card">
<div class="card-header">
<img src="icon.svg"/>
<h3>Pricing Card</h3>
</div>
<p>$29.99/month</p>
<button>Subscribe</button>
</div>
markup HTML کامل عنصر انتخابشده شامل همه فرزندان، ویژگیها و ساختار تودرتو را دریافت کنید. خروجی بهدرستی تورفتگیگذاری و قالببندی شده است.
هر ویژگی CSS محاسبهشده برای عنصر را به عنوان یک stylesheet تمیز و قالببندیشده استخراج کنید. شامل تایپوگرافی، رنگها، فاصلهگذاری، حاشیهها، چیدمان و موقعیتدهی.
یک شی JSON شامل نام تگ عنصر، نقشه ویژگیها، استایلهای محاسبهشده، محتوای متن داخلی و یک آرایه فرزندان بازگشتی دریافت کنید.
بین تبهای HTML، CSS و JSON فوراً جابهجا شوید. هر فرمت از همان عنصر انتخابشده تولید میشود.
هر فرمت صادرات با syntax highlighting در پانل پیشنمایش نمایش داده میشود. تگهای HTML قرمز، ویژگیها زرد، مقادیر سبز.
روی دکمه کپی کلیک کنید تا محتوای تب فعلی را دریافت کنید. یک نوار وضعیت تعداد خطوط و اندازه بایت صادرات را نشان میدهد.
یک کارت، بخش hero یا نوار ناوبری که میخواهید بازسازی کنید پیدا کردید؟ روی آن کلیک کنید، HTML برای ساختار و CSS برای استایل را صادر کنید.
عناصر را به عنوان JSON برای مستندات یا رکوردهای سیستم طراحی صادر کنید. نمایش ساختاریافته شامل نام تگها، ویژگیها و استایلها است.
به HTML fixtures برای unit tests نیاز دارید؟ HTML عنصر را صادر کنید و در فایل آزمایش الصاق کنید.
صادرات CSS استایلهای محاسبهشده را نشان میدهد — آنچه مرورگر پس از اعمال همه قوانین CSS رندر میکند.
پیادهسازیهای زیبا از سایتهای تولید را در کتابخانه snippet شخصی کپی کنید. هم HTML و هم CSS را صادر کنید تا کامپوننت کامل را حفظ کنید.
داک شناور DevSuite Pro را باز کنید و روی آیکون صادر کردن عنصر کلیک کنید. مکاننما به انتخابگر crosshair تغییر میکند و یک پانل صادرات با تب باز میشود.
روی هر عنصر در صفحه کلیک کنید. با حاشیه بنفش برجسته میشود و پانل صادرات با نمایشهای HTML، CSS و JSON عنصر پر میشود.
روی تب HTML، CSS یا JSON کلیک کنید تا عنصر را در فرمتهای مختلف ببینید.
پیشنمایش را اسکن کنید تا مطمئن شوید حاوی آنچه نیاز دارید است. روی «کپی» کلیک کنید تا محتوای تب فعلی در کلیپبورد باشد.
روی عنصر دیگری در صفحه کلیک کنید تا پانل صادرات با محتوای جدید بهروزرسانی شود.
DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.