Η Διαγραφή/Απόκρυψη Στοιχείου σάς επιτρέπει να αφαιρέσετε ή να αποκρύψετε προσωρινά οποιοδήποτε στοιχείο σε μια ιστοσελίδα με ένα κλικ. Καθαρίστε σελίδες για screenshots, αφαιρέστε ενοχλητικές διαφημίσεις και banners cookies, ή δοκιμάστε πώς φαίνεται μια διάταξη χωρίς ορισμένες ενότητες — μη καταστροφικά.
Είτε λαμβάνετε καθαρό screenshot για portfolio, δοκιμάζετε πώς αναδιατάσσεται η διάταξη σελίδας όταν αφαιρεθεί μια ενότητα, ή απλώς αποκρύπτετε ενοχλητικές αναδυόμενες επικαλύψεις για να διαβάσετε το περιεχόμενο από κάτω — αυτό είναι το εργαλείο. Προσφέρει δύο λειτουργίες: Διαγραφή (αφαιρεί πλήρως το στοιχείο από το DOM, προκαλώντας αναδιάταξη του γύρω περιεχομένου) και Απόκρυψη (ορίζει visibility σε hidden, διατηρώντας τον χώρο του στοιχείου στη διάταξη). Και οι δύο λειτουργίες αναιρούνται με Undo. Μια κόκκινη επικάλυψη hover δείχνει ακριβώς ποιο στοιχείο θα επηρεαστεί πριν κάνετε κλικ. Οι αλλαγές είναι μη καταστροφικές — ανανεώστε τη σελίδα και τα πάντα επιστρέφουν.
Σε λειτουργία Διαγραφής, κάντε κλικ σε οποιοδήποτε στοιχείο για πλήρη αφαίρεσή του από τη σελίδα. Το στοιχείο αφαιρείται από το DOM και το γύρω περιεχόμενο αναδιατάσσεται για να γεμίσει τον χώρο — ακριβώς όπως αν το HTML δεν υπήρχε.
Σε λειτουργία Απόκρυψης, κάντε κλικ σε ένα στοιχείο για να γίνει αόρατο διατηρώντας τον χώρο του στη διάταξη. Το στοιχείο γίνεται διαφανές αλλά οι διαστάσεις του παραμένουν, οπότε η υπόλοιπη διάταξη σελίδας μένει ακριβώς η ίδια.
Πριν κάνετε κλικ, η κίνηση του ποντικιού δείχνει κόκκινη ημιδιαφανή επικάλυψη στο στοιχείο που θα επηρεαστεί. Αυτή η προεπισκόπηση αποτρέπει τυχαία διαγραφή λάθους στοιχείου — βλέπετε πάντα ακριβώς τι πρόκειται να αφαιρέσετε.
Κάθε ενέργεια διαγραφής και απόκρυψης παρακολουθείται σε ιστορικό undo. Κάντε κλικ στο κουμπί Undo για αναίρεση της τελευταίας ενέργειας, επαναφέροντας το στοιχείο. Μπορείτε να αναιρέσετε πολλαπλές ενέργειες διαδοχικά.
Ένας ζωντανός μετρητής δείχνει πόσα στοιχεία έχετε διαγράψει και πόσα έχετε αποκρύψει στην τρέχουσα συνεδρία. Με μια ματιά ξέρετε πόσες αλλαγές έχετε κάνει και πόσα undos είναι διαθέσιμα.
Όλες οι αλλαγές είναι καθαρά οπτικές και υπάρχουν μόνο στη μνήμη του browser. Ο πραγματικός κώδικας της σελίδας δεν τροποποιείται ποτέ. Ανανεώστε τη σελίδα οποτεδήποτε για άμεση επαναφορά κάθε διαγραμμένου και κρυμμένου στοιχείου.
Αφαιρέστε banners συγκατάθεσης cookies, chat widgets, διαφημιστικά αναδυόμενα παράθυρα, κολλητές κεφαλίδες και επικαλύψεις newsletter πριν λάβετε screenshots. Αποκτήστε καθαρή, επαγγελματική λήψη του περιεχομένου σελίδας χωρίς οπτική φασαρία.
Αναρωτιέστε πώς ρέει η σελίδα χωρίς την ενότητα testimonials; Ή τι συμβαίνει όταν αφαιρέσετε το sidebar; Διαγράψτε την ενότητα και δείτε αμέσως την αναδιάταξη — χωρίς αλλαγές κώδικα.
Σε σελίδες πλούσιες σε περιεχόμενο με παρεμβατικές διαφημίσεις, αποκρύψτε τα στοιχεία διαφημίσεων ώστε να διαβάζετε άρθρα και τεκμηρίωση χωρίς περισπασμούς. Το περιεχόμενο αναδιατάσσεται για να γεμίσει τον διαθέσιμο χώρο.
Ετοιμάζετε παρουσίαση που αναφέρεται σε σύνθετη ιστοσελίδα; Αφαιρέστε τα στοιχεία που δεν σχετίζονται με το σημείο σας, αφήνοντας μόνο τις ενότητες που θέλετε να συζητήσετε. Στη συνέχεια κάντε screenshot της απλοποιημένης προβολής.
Αν στοιχεία επικαλύπτονται ή αλληλοκαλύπτονται, διαγράψτε το κορυφαίο στοιχείο για να δείτε τι βρίσκεται από κάτω. Αυτό είναι πιο γρήγορο από τη ρύθμιση z-index ή ιδιοτήτων display στα DevTools όταν χρειάζεστε απλώς μια γρήγορη ματιά.
Ανοίξτε το floating dock του DevSuite Pro και κάντε κλικ στο εικονίδιο Διαγραφής/Απόκρυψης Στοιχείου. Επιλέξτε μεταξύ λειτουργίας Διαγραφής (αφαιρεί στοιχείο και αναδιατάσσει) ή Απόκρυψης (κάνει αόρατο αλλά διατηρεί χώρο).
Μετακινήστε τον δείκτη πάνω από τη σελίδα. Μια κόκκινη ημιδιαφανής επικάλυψη επισημαίνει το στοιχείο κάτω από τον κέρσορα, δείχνοντας ακριβώς τι θα επηρεαστεί όταν κάνετε κλικ.
Κάντε κλικ στο επισημασμένο στοιχείο. Σε λειτουργία Διαγραφής, αφαιρείται και το γύρω περιεχόμενο αναδιατάσσεται. Σε λειτουργία Απόκρυψης, γίνεται αόρατο αλλά ο χώρος του διατηρείται.
Συνεχίστε να κάνετε κλικ για αφαίρεση περισσότερων στοιχείων, ή κάντε κλικ στο Undo για επαναφορά του τελευταίου αφαιρεμένου/κρυμμένου στοιχείου. Ο μετρητής ενεργειών δείχνει τις τρέχουσες αλλαγές.
Τελειώσατε τα πειράματα; Ανανεώστε τη σελίδα για άμεση επαναφορά κάθε στοιχείου στην αρχική του κατάσταση.
Εγκαταστήστε το DevSuite Pro δωρεάν και ξεκλειδώστε 39+ εργαλεία προγραμματιστή για το πρόγραμμα περιήγησής σας.
