← بازگشت به ویژگی‌ها
Free

حذف/پنهان کردن عنصر

حذف/پنهان کردن عنصر به شما اجازه می‌دهد با یک کلیک هر عنصری را در یک صفحه وب حذف یا موقتاً پنهان کنید. صفحات را برای screenshots پاک کنید، تبلیغات مزاحم را حذف کنید یا آزمایش کنید چیدمان بدون بخش‌های خاص چگونه به نظر می‌رسد — همه غیر مخرب.

چه screenshot پاک برای portfolio می‌گیرید، چه آزمایش می‌کنید چگونه چیدمان صفحه وقتی بخشی حذف می‌شود reflow می‌کند، چه overlayهای popup مزاحم را پنهان می‌کنید — این ابزار برای شما است. دو حالت ارائه می‌دهد: Delete (کاملاً عنصر را از DOM حذف می‌کند) و Hide (visibility را hidden می‌کند و فضا را حفظ می‌کند). هر دو عملیات با Undo قابل برگشت هستند.

پیش‌نمایش زنده
example.com/blog-post Delete/Hide Mode: ON
✕ Delete ◉ Hide
🍪 We use cookies
This site uses cookies to improve your experience.
Decline Accept
Hidden — click to show
Advertisement banner
Deleted
Newsletter popup
↩ Undo Last 2 deleted 1 hidden
ویژگی‌های کلیدی

کلیک برای حذف (Delete)

در حالت Delete، روی هر عنصر کلیک کنید تا کاملاً از صفحه حذف شود. عنصر از DOM خارج می‌شود و محتوای اطراف برای پر کردن فضا reflow می‌کند.

کلیک برای پنهان کردن (حفظ فضا)

در حالت Hide، روی عنصر کلیک کنید تا نامرئی شود در حالی که فضایش در چیدمان حفظ می‌شود. عنصر شفاف می‌شود اما ابعاد جعبه آن باقی می‌ماند.

پیش‌نمایش Hover قرمز

قبل از کلیک، حرکت موس یک overlay نیمه‌شفاف قرمز روی عنصری که تأثیر می‌پذیرد نشان می‌دهد. این پیش‌نمایش از حذف تصادفی عنصر اشتباه جلوگیری می‌کند.

تاریخچه Undo

هر عمل delete و hide در تاریخچه undo ردیابی می‌شود. روی Undo کلیک کنید تا آخرین عمل معکوس شود. می‌توانید چندین عمل را به ترتیب undo کنید.

شمارنده عملیات

یک شمارنده زنده نشان می‌دهد چند عنصر در جلسه فعلی حذف و چند عنصر پنهان کرده‌اید.

غیر مخرب و قابل refresh

همه تغییرات کاملاً بصری هستند و فقط در حافظه مرورگر وجود دارند. کد واقعی صفحه هرگز تغییر نمی‌کند. صفحه را refresh کنید تا همه عناصر بازگردند.

موارد استفاده رایج

Screenshots پاک بدون حواس‌پرتی

قبل از گرفتن screenshots، بنرهای رضایت کوکی، ویجت‌های چت، popup های تبلیغاتی، header های چسبیده و overlayهای خبرنامه را حذف کنید.

آزمایش چیدمان بدون بخش‌ها

تعجب می‌کنید بدون بخش نظرات چیدمان صفحه چگونه است؟ بخش را حذف کنید و reflow چیدمان را فوراً ببینید.

پنهان کردن تبلیغات برای تمرکز روی محتوا

در صفحات پر محتوا با تبلیغات مزاحم، عناصر تبلیغاتی را پنهان کنید تا بدون حواس‌پرتی مقالات و مستندات را بخوانید.

ساده‌سازی صفحات پیچیده برای ارائه‌ها

برای ارائه‌ای که به یک صفحه وب پیچیده ارجاع دارد، عناصر نامربوط را حذف کنید و فقط بخش‌هایی که می‌خواهید بحث کنید باقی بگذارید.

اشکال‌زدایی Overlap عناصر

اگر عناصر روی هم قرار می‌گیرند، عنصر بالایی را حذف کنید تا ببینید زیر آن چیست. سریع‌تر از تغییر z-index یا display در DevTools است.

نحوه استفاده
1

فعال‌سازی حذف/پنهان کردن عنصر

داک شناور DevSuite Pro را باز کنید و روی آیکون حذف/پنهان کردن عنصر کلیک کنید. بین حالت Delete یا Hide انتخاب کنید.

2

Hover برای پیش‌نمایش

موس را روی صفحه حرکت دهید. یک overlay نیمه‌شفاف قرمز عنصر زیر مکان‌نما را برجسته می‌کند.

3

کلیک برای حذف یا پنهان کردن

روی عنصر برجسته‌شده کلیک کنید. در حالت Delete حذف شده و محتوای اطراف reflow می‌کند. در حالت Hide نامرئی می‌شود اما فضا حفظ می‌شود.

4

ادامه یا Undo

کلیک کنید تا عناصر بیشتری حذف کنید، یا Undo کنید تا آخرین عنصر حذف/پنهان‌شده برگردد.

5

Refresh برای بازیابی همه

آزمایش تمام شد؟ صفحه را refresh کنید تا هر عنصری فوراً به حالت اصلی بازگردد.

آماده برای امتحان کردن هستید؟ حذف/پنهان کردن عنصر?

DevSuite Pro را به صورت رایگان نصب کنید و بیش از ۳۹ ابزار توسعه را برای مرورگر خود باز کنید.

افزودن به Chrome افزودن به Edge افزودن به FireFox