← חזרה לתכונות
Free

מחיקה/הסתרת אלמנט

מחיקה/הסתרת אלמנט מאפשרת לך להסיר או להסתיר זמנית כל אלמנט בדף אינטרנט בלחיצה אחת. נקה דפים לצילומי מסך, הסר פרסומות מסיחות ובאנרים של עוגיות, או בדוק כיצד נראה layout ללא סקשנים מסוימים — הכל ללא הרס.

בין אם אתה לוקח צילום מסך נקי לתיק עבודות, בודק כיצד layout של דף זורם מחדש כאשר סקשן מוסר, או פשוט מסתיר popups מעצבנים כדי לקרוא את התוכן שמתחת — מחיקה/הסתרת אלמנט הוא הכלי בשבילך. הוא מציע שני מצבים: מחיקה (מסיר לחלוטין את האלמנט מה-DOM, וגורם לתוכן הסובב לזרום מחדש לתוך המקום) והסתרה (מגדיר visibility כ-hidden, תוך שמירה על מקומו של האלמנט ב-layout). שתי הפעולות הפיכות עם Undo. שכבת hover אדומה מציגה בדיוק איזה אלמנט יושפע לפני שאתה לוחץ, כך שאין ניחושים. הכלי שומר ספירה שוטפת של אלמנטים שנמחקו והוסתרו, וניתן לבטל אותם אחד אחד או כולם בבת אחת. כמו כל כלי DevSuite, השינויים אינם הרסניים — רענן את הדף והכל חוזר.

תצוגה מקדימה חיה
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
תכונות מפתח

לחץ למחיקה (הסרה)

במצב מחיקה, לחץ על כל אלמנט כדי להסיר אותו לחלוטין מהדף. האלמנט מוצא מה-DOM, והתוכן הסובב זורם מחדש למלא את המקום — בדיוק כאילו ה-HTML לא היה קיים. מצוין לראות כיצד דף נראה ללא סקשנים מסוימים.

לחץ להסתרה (שמירת מקום)

במצב הסתרה, לחץ על אלמנט כדי להפוך אותו לבלתי נראה תוך שמירה על מקומו ב-layout. האלמנט הופך שקוף אך מידות ה-box שלו נשמרות, כך ש-layout שאר הדף נשאר זהה בדיוק. שימושי לבדיקת משקל ויזואלי ללא שינויי layout.

תצוגה מקדימה בצבע אדום בעת Hover

לפני שאתה לוחץ, הזזת העכבר מציגה שכבה אדומה חצי-שקופה על האלמנט שיושפע. תצוגה מקדימה זו מונעת מחיקה מקרית של האלמנט הלא נכון — אתה תמיד רואה בדיוק מה אתה עומד להסיר.

היסטוריית Undo

כל פעולת מחיקה והסתרה נעקבת בהיסטוריית Undo. לחץ על כפתור ה-Undo כדי להפוך את הפעולה האחרונה ולהחזיר את האלמנט. ניתן לבטל פעולות מרובות ברצף כדי לחזור אחורה בשינויים.

מונה פעולות

מונה חי מציג כמה אלמנטים מחקת וכמה הסתרת בסשן הנוכחי. במבט אחד, אתה יודע כמה שינויים ביצעת וכמה פעולות Undo זמינות.

לא הרסני וניתן לרענון

כל השינויים הם ויזואליים בלבד וקיימים רק בזיכרון הדפדפן. הקוד בפועל של הדף לא נשתנה לעולם. רענן את הדף בכל עת לשחזור מיידי של כל אלמנט שנמחק והוסתר למצבו המקורי.

מקרי שימוש נפוצים

צילומי מסך נקיים ללא הסחות דעת

הסר באנרים של הסכמה לעוגיות, widgets של צ'אט, popups פרסומיים, headers דביקים ושכבות ניוזלטר לפני לקיחת צילומי מסך. קבל צילום נקי ומקצועי של תוכן הדף ללא עומס ויזואלי.

בדיקת Layout ללא סקשנים

תוהה כיצד הדף זורם ללא סקשן העדויות? או מה קורה כשמסירים את ה-sidebar? מחק את הסקשן וראה את ה-layout זורם מחדש מיידית — ללא שינויי קוד.

הסתרת פרסומות למיקוד בתוכן

בדפים עתירי תוכן עם פרסומות פולשניות, הסתר את אלמנטי הפרסומות כדי שתוכל לקרוא מאמרים ותיעוד ללא הסחות דעת. התוכן זורם מחדש למלא את המקום הפנוי.

פישוט דפים מורכבים למצגות

מכין מצגת שמתייחסת לדף אינטרנט מורכב? הסר את האלמנטים שאינם רלוונטיים לנקודה שלך, ותשאיר רק את הסקשנים שברצונך לדון בהם. לאחר מכן צלם את התצוגה המפושטת.

איתור באגים של חפיפת אלמנטים

אם אלמנטים חופפים או מסתירים זה את זה, מחק את האלמנט העליון כדי לראות מה מתחתיו. זה מהיר יותר מאשר שינוי מאפייני z-index או display ב-DevTools כשכל מה שצריך הוא מבט מהיר.

איך להשתמש
1

הפעל את מחיקה/הסתרת אלמנט

פתח את ה-floating dock של DevSuite Pro ולחץ על אייקון מחיקה/הסתרת אלמנט. בחר בין מצב מחיקה (מסיר אלמנט ומשנה את ה-layout) למצב הסתרה (הופך לבלתי נראה אך שומר על המקום).

2

העבר את העכבר לתצוגה מקדימה

הזז את העכבר מעל הדף. שכבה אדומה חצי-שקופה מדגישה את האלמנט מתחת לסמן, ומציגה בדיוק מה יושפע כאשר תלחץ.

3

לחץ להסרה או הסתרה

לחץ על האלמנט המסומן. במצב מחיקה, הוא מוסר והתוכן הסובב זורם מחדש. במצב הסתרה, הוא הופך לבלתי נראה אך מקומו נשמר.

4

המשך או בצע Undo

המשך ללחוץ כדי להסיר עוד אלמנטים, או לחץ Undo כדי להחזיר את האלמנט האחרון שהוסר/הוסתר. מונה הפעולות מציג את השינויים הנוכחיים שלך.

5

רענן לשחזור הכל

סיימת להתנסות? רענן את הדף לשחזור מיידי של כל אלמנט למצבו המקורי.

מוכנים לנסות? מחיקה/הסתרת אלמנט?

התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.

הוסף ל-Chrome הוסף ל-Edge הוסף ל-FireFox