Junior
Ποια τμήματα υπάρχουν στα εργαλεία προγραμματιστή (Dev Tools);
sobes.tech AI
Απάντηση από AI
- Στοιχεία - Επιτρέπει την προβολή και επεξεργασία της δομής HTML και των στυλ CSS σε πραγματικό χρόνο.
- Κονσόλα - Χρησιμοποιείται για αποσφαλμάτωση JavaScript, εκτέλεση εκφράσεων και προβολή μηνυμάτων (logs) από σενάρια και τον browser.
- Πηγές - Δίνει τη δυνατότητα να δείτε τον πηγαίο κώδικα της σελίδας, αρχεία JavaScript και CSS, και να ορίσετε σημεία διακοπής για αποσφαλμάτωση.
- Δίκτυο - Παρακολουθεί όλα τα αιτήματα δικτύου που πραγματοποιούνται από τη σελίδα (HTTP, HTTPS, WebSockets), εμφανίζοντας την κατάσταση, τον χρόνο φόρτωσης και το μέγεθός τους.
- Απόδοση - Βοηθά στην ανάλυση της απόδοσης της ιστοσελίδας, εντοπίζοντας σημεία συμφόρησης που σχετίζονται με σενάρια, απόδοση και φόρτωση.
- Μνήμη - Επιτρέπει την προφίλ χρησιμοποίησης μνήμης από τα σενάρια της σελίδας και τον εντοπισμό διαρροών μνήμης.
- Εφαρμογή - Περιέχει εργαλεία για την εργασία με την τοπική αποθήκευση (Local Storage, Session Storage), cookies, cache, υπηρεσίες και το manifest της web εφαρμογής.
- Ασφάλεια - Παρέχει πληροφορίες σχετικά με την ασφάλεια της τρέχουσας σύνδεσης (πιστοποιητικά SSL/TLS, μικτό περιεχόμενο).
- Lighthouse - Εργαλείο για έλεγχο απόδοσης, προσβασιμότητας, βέλτιστων πρακτικών, SEO και PWA.
- Εγγραφή - Επιτρέπει την καταγραφή των αλληλεπιδράσεων του χρήστη με τη σελίδα και την αναπαραγωγή τους, δημιουργώντας αυτοματοποιημένες δοκιμές.