Ποια καρτέλα υπάρχουν στα εργαλεία προγραμματιστή (Dev Tools);

Οι βασικές καρτέλες:

• Elements: Προβολή και επεξεργασία HTML και CSS της σελίδας.
• Console: Εκτέλεση κώδικα JavaScript, προβολή καταγραφών και σφαλμάτων.
• Sources: Αποσφαλμάτωση κώδικα JavaScript, προβολή αρχείων πηγής.
• Network: Παρακολούθηση δικτυακών αιτημάτων (HTTP/HTTPS), καταστάσεις και χρόνοι φόρτωσης.
• Performance: Ανάλυση της απόδοσης φόρτωσης και εκτέλεσης της σελίδας.
• Memory: Προφίλ χρήσης μνήμης της σελίδας.
• Application: Διαχείριση τοπικής αποθήκευσης (Local Storage, Session Storage), Cookies, Service Workers.
• Security: Έλεγχος ασφάλειας της σελίδας, πληροφορίες σχετικά με πιστοποιητικά SSL/TLS.
• Lighthouse (ή Audits σε παλαιότερες εκδόσεις): Έλεγχος απόδοσης, προσβασιμότητας, SEO και βέλτιστων πρακτικών ανάπτυξης ιστού.