Τρόπος εντοπισμού σφαλμάτων σε μια ιστοσελίδα από απόσταση με εργαλεία Chrome Dev

Τα εργαλεία Dev του Chrome υποστηρίζουν απομακρυσμένο εντοπισμό σφαλμάτων, αλλά όχι πώς θα θέλαμε. Το «τηλεχειριστήριο» σημαίνει σε μια συσκευή που έχετε ακριβώς δίπλα σας και ότι μπορείτε να συνδεθείτε στο μηχάνημά σας ανάπτυξης. Αυτό δεν σημαίνει ότι μπορείτε να κάνετε εντοπισμό σφαλμάτων σε μια καρτέλα Chrome που έχει ανοίξει ο φίλος σας που κάθεται αυτήν τη στιγμή σε διαφορετική καφετέρια. Λοιπόν, τι να κάνετε εάν οι δυο σας δουλεύετε μαζί σε κάτι και πρέπει να έχετε πρόσβαση, ίσως και να κάνετε εντοπισμό σφαλμάτων, στην καρτέλα του άλλου. Τηλεχειριστήριο DevTools είναι μια επέκταση Chrome που σας επιτρέπει να μοιράζεστε μια απομακρυσμένη περίοδο λειτουργίας για μια επιλεγμένη καρτέλα με οποιονδήποτε μέσω συνδέσμου. Ο σύνδεσμος ανοίγει στο Chrome Dev Tools και δίνει στον παραλήπτη τον έλεγχο της καρτέλας. Βλέπουν την κονσόλα dev σας και μπορούν να κάνουν αλλαγές σε αυτήν, μεταξύ άλλων.

Εγκαταστήστε το DevTools Remote και ανοίξτε μια ιστοσελίδα σε μια νέα καρτέλα. Κάντε κλικ στο εικονίδιο DevTools Remote δίπλα στη γραμμή διευθύνσεων URL και περιμένετε έως ότου οι μικροσκοπικές γραμμές προόδου να διαβάσουν «Αντιγράφηκε». Ο σύνδεσμος απομακρυσμένης περιόδου σύνδεσης έχει αντιγραφεί στο πρόχειρο σας. Στείλτε το σύνδεσμο σε όποιον θέλετε να κάνετε εντοπισμό σφαλμάτων στην καρτέλα σας.

Από την πλευρά του παραλήπτη, θα εμφανιστεί η σελίδα με τη διεύθυνση URL και θα ανοίξει μια πλήρως λειτουργική κονσόλα chrome dev. Είστε ο παραλήπτης είναι ελεύθερος να το χάσετε όσο θέλει και είναι αρκετά έξυπνο να τους πείτε πότε η καρτέλα που μοιραστήκατε δεν είναι ενεργή στην οθόνη σας.

Η επέκταση είναι αρκετά φοβερή και είναι πολύ εύκολο να ρυθμιστεί. Είστε ο μόνος που πρέπει να το εγκαταστήσει στο σύστημά σας. Ο παραλήπτης σας δεν δεσμεύεται από τέτοιους περιορισμούς. Εάν στην πλευρά του παραλήπτη η σελίδα δεν φορτώνεται αμέσως, αλλάξτε το μέγεθος του παραθύρου λίγο και θα εμφανιστεί.

Εγκατάσταση DevTools Remote από το Chrome Web Store