Υπάρχει μια δυνατότητα του Chrome DevTools που σας επιτρέπει:
- Δείτε τον κωδικό οποιουδήποτε δεδομένου πόρου που χρησιμοποιεί η τρέχουσα ιστοσελίδα (όπως CSS και JavaScript).
- "Pretty Print" (διαμορφώστε το για αναγνωσιμότητα)
- Αποθηκεύστε το στο δίσκο
- Χρησιμοποιήστε αυτήν την αποθηκευμένη έκδοση για να παρακάμψετε τη ζωντανή έκδοση, ακόμη και κατά την ανανέωση της σελίδας.
Αυτό το τελευταίο είναι πολύ φοβερό. Εάν κάνετε εντοπισμό σφαλμάτων ενός προβλήματος που φαίνεται να συμβαίνει μόνο στον ζωντανό ιστότοπο, σας δίνει ένα εργαλείο εντοπισμού σφαλμάτων που θα σας επιτρέψει να βρείτε τη ρίζα του προβλήματος.
Θα χρησιμοποιήσουμε αυτήν τη δυνατότητα εδώ για να καταλάβουμε ένα περίεργο σφάλμα που αντιμετώπιζα.
Στο ακραίο σημείο, θα μπορούσατε ενδεχομένως να χρησιμοποιήσετε ακόμη και το DevTools ως τον κύριο επεξεργαστή κώδικα, καθώς είναι σε θέση να αντιστοιχίσει αρχεία πίσω στο σημείο όπου βρίσκεται το πραγματικό σας έργο στο δίσκο.