1. Πρόγραμμα εντοπισμού σφαλμάτων.Έχω ξαναπεί ότι μπορείτε να προσθέσετε μια πρόταση εντοπισμού σφαλμάτων στον κώδικα Javascrip{filter}t. για να δημιουργήσετε ένα εφέ σημείου διακοπής με το χέρι.
Χρειάζεστε ένα σημείο διακοπής με προϋποθέσεις; Απλά πρέπει να το περιβάλλετε με μια δήλωση if:
Θυμηθείτε όμως να τα κόψετε πριν κυκλοφορήσει το πρόγραμμα.
2. Ρυθμίστε το σημείο διακοπής ώστε να ενεργοποιείται όταν αλλάζει ο κόμβος DOM
Μερικές φορές θα διαπιστώσετε ότι το DOM είναι εκτός ελέγχου σας και θα υποστεί περίεργες αλλαγές από μόνο του, καθιστώντας δύσκολο να φτάσετε στη ρίζα του προβλήματος.
Υπάρχει μια εξαιρετικά χρήσιμη λειτουργία στα εργαλεία ανάπτυξης του Google Chrome που μπορεί να αντιμετωπίσει αυτήν την κατάσταση, που ονομάζεται "Break on...", μπορείτε να κάνετε δεξί κλικ στον κόμβο DOM και μπορείτε να δείτε αυτό το στοιχείο μενού.
Η συνθήκη ενεργοποίησης για ένα σημείο διακοπής μπορεί να οριστεί έτσι ώστε ο κόμβος να διαγραφεί, να αλλάξουν οι ιδιότητες του κόμβου ή να αλλάξει ένας από τους υποκόμβους του.
3. Σημεία διακοπής του Άγιαξ
Τα σημεία διακοπής XHR ή τα σημεία διακοπής Ajax, όπως το όνομά τους, μας επιτρέπουν να ορίσουμε ένα σημείο διακοπής που ενεργοποιεί την κλήση Ajax μιας λειτουργίας όταν συμβεί.
Αυτό είναι πολύ αποτελεσματικό όταν κάνετε εντοπισμό σφαλμάτων σε μια εφαρμογή Ιστού μέσω δικτύου.
4. Περιβάλλον προσομοίωσης φορητών συσκευών
Το Google Chrome διαθέτει μερικά πολύ ενδιαφέροντα εργαλεία για την προσομοίωση κινητών συσκευών που μας βοηθούν να εντοπίσουμε σφάλματα στον τρόπο λειτουργίας του προγράμματος στην κινητή συσκευή.
Για να το βρείτε, πατήστε F12, εμφανίστε τα εργαλεία προγραμματιστή και, στη συνέχεια, πατήστε το πλήκτρο ESC (η τρέχουσα καρτέλα δεν μπορεί να είναι Κονσόλα) και θα δείτε το δεύτερο επίπεδο εντοπισμού σφαλμάτων να εμφανίζεται, στην καρτέλα Εξομοίωση με διάφορες συσκευές εξομοίωσης για να διαλέξετε.
Φυσικά, αυτό δεν θα είναι ένα πραγματικό iPhone, αλλά απλώς θα προσομοιώσει τις διαστάσεις του iPhone, τα συμβάντα αφής και τις τιμές του παράγοντα χρήστη του προγράμματος περιήγησης.
5. Βελτιώστε τον ιστότοπό σας με ελέγχους
Το YSlow είναι ένα εξαιρετικό εργαλείο. Υπάρχει ένα πολύ παρόμοιο εργαλείο στα εργαλεία προγραμματιστών του Google Chrome που ονομάζεται Audits.
Ελέγχει γρήγορα τον ιστότοπό σας και σας δίνει πολύ πρακτικές και αποτελεσματικές προτάσεις και τρόπους βελτιστοποίησης του ιστότοπού σας.
|
Δημοσιεύτηκε στις 13/6/2017 1:11:32 μ.μ.
|
|
|
|
Δημοσιεύτηκε στις 13/6/2017 3:24:17 μ.μ.