Τα 8 καλύτερα πρόσθετα Microsoft Edge για προγραμματιστές

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

Όλα τα κορυφαία προγράμματα περιήγησης διαθέτουν επεκτάσεις για επαγγελματίες. Και αν χρησιμοποιείτε Microsoft Edge, οι εργασίες ανάπτυξης σας μπορούν να γίνουν πιο εύκολες με ορισμένα πρόσθετα προγράμματος περιήγησης. Εδώ, θα συζητήσουμε τα καλύτερα πρόσθετα του Microsoft Edge που πρέπει να χρησιμοποιούν οι προγραμματιστές ιστού.

Το React Developer Tools είναι ένα πρόσθετο DevTools για το πρόγραμμα περιήγησης ιστού. Θα προσθέσει δύο νέες καρτέλες με το όνομα Components και Profiler στο Edge DevTools σας. Το πρόσθετο ανοιχτού κώδικα θα χρειαστεί την άδειά σας για πρόσβαση στο δέντρο React μιας σελίδας.

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

Μπορείτε επίσης να χρησιμοποιήσετε αυτό το πρόσθετο για να μάθετε εάν μια εφαρμογή περιέχει React.js ή όχι. Χρησιμοποιώντας την καρτέλα Προφίλ, οι προγραμματιστές μπορούν να καταγράφουν πληροφορίες απόδοσης.

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

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

Μπορείτε επίσης να εγγραφείτε στην έκδοση PRO αυτού του πρόσθετου για να λάβετε ορισμένες πρόσθετες λειτουργίες. Αυτά περιλαμβάνουν υποστήριξη για πολλούς λογαριασμούς GitHub και GitHub Enterprise, πολλαπλές καρτέλες, ρυθμίσεις γραμματοσειράς κώδικα, έλεγχο κώδικα αιτήματος έλξης, θέματα εικονιδίων αρχείων και αλλαγή θέσης σύνδεσης.

Το Accessibility Insights for Web είναι ένα πρόσθετο προγράμματος περιήγησης Microsoft Edge που θα σας επιτρέψει να εντοπίσετε και να διορθώσετε ζητήματα προσβασιμότητας σε διάφορες εφαρμογές Ιστού και ιστότοπους. Μπορείτε να το χρησιμοποιήσετε για να ελέγξετε τη συμμόρφωση με περίπου 50 διατάξεις προσβασιμότητας.

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

Σας βοηθά επίσης να εκτελέσετε μια διαδικασία δύο βημάτων για να εντοπίσετε κοινά αλλά με μεγάλη επίπτωση ζητήματα προσβασιμότητας μέσα σε λίγα λεπτά. Ωστόσο, χρειάζεστε Microsoft Edge Insider έκδοση 75 ή νεότερη έκδοση για να χρησιμοποιήσετε αυτό το πρόσθετο.

Η ανάλυση του κώδικα HTML μιας σελίδας είναι μια συχνή εργασία ενός προγραμματιστή. Με τη βοήθεια του πρόσθετου Design Analysis, μπορείτε να αναλύσετε μια σελίδα HTML ενεργοποιώντας και απενεργοποιώντας διάφορα στοιχεία αυτής της σελίδας.

Σχετίζεται με: Δροσερά εφέ HTML που μπορεί να προσθέσει ο καθένας στους ιστοτόπους του

Σας επιτρέπει να απενεργοποιήσετε το εσωτερικό και εξωτερικό (συμπεριλαμβανομένων των έντυπων και φορητών) CSS, την απόκρυψη εικόνων και φόντου εικόνες, εμφάνιση χαρακτηριστικών alt εικόνας, επικεφαλίδες περιγράμματος, πλαίσια, εξωτερικοί σύνδεσμοι, πίνακες, αιωρούμενα στοιχεία και σύντομα.

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

Αυτό το πρόσθετο δεν αποθηκεύει ούτε κοινοποιεί δεδομένα προσωπικής ταυτοποίησης. Όλες οι πληροφορίες που απαιτούνται για τη λειτουργία του παραμένουν στη συσκευή σας.

Χρησιμοποιώντας το πρόσθετο Αποθήκευση ως MHTML, οι προγραμματιστές μπορούν να αποθηκεύσουν την τρέχουσα ιστοσελίδα σε μορφή MHTML (MIME HTML)/MHT. Το πρόσθετο συνοδεύεται από κουμπί γραμμής εργαλείων για εύκολη χρήση. Αποθηκεύει όλους τους διαδικτυακούς συνδέσμους σε μορφή εκτός σύνδεσης.

Το MHTML είναι μια μορφή αρχείου αρχειοθέτησης που αποθηκεύει το περιεχόμενο της ιστοσελίδας για προβολή εκτός σύνδεσης. Ο τύπος αρχείου ενσωματώνει όλους τους πόρους όπως εικόνες, μικροεφαρμογές και κινούμενα σχέδια Flash σε έγγραφα HTML κατά τη διάρκεια της διαδικασίας.

Το πρόσθετο έχει δύο διαφορετικά εργαλεία που μπορείτε να χρησιμοποιήσετε για να επεξεργαστείτε το περιεχόμενο της ιστοσελίδας της σελίδας πριν το αποθηκεύσετε στο αρχείο MHTML.

Μπορείτε να επιλέξετε τη λειτουργία σχεδίασης για εργασίες όπως η αλλαγή της μορφής κειμένου σε έντονη και πλάγια γραφή, η προσθήκη εικόνας ή η αφαίρεση οποιουδήποτε περιεχομένου. Ή μπορείτε να επιλέξετε ένα τμήμα της σελίδας και να ζητήσετε από αυτό το πρόσθετο να δημιουργήσει ένα νέο έγγραφο από αυτό.

Οι προγραμματιστές έχουν μια απαραίτητη σχέση με τα cookies. Το Cookie-Editor είναι ένα ισχυρό πρόσθετο που σας επιτρέπει να εκτελείτε τις τυπικές λειτουργίες cookie κατά τη φάση ανάπτυξης και δοκιμής ιστοσελίδας.

Αυτό το πρόσθετο διαθέτει μια εύχρηστη διεπαφή που σας επιτρέπει να διαχειρίζεστε τα cookies με μη αυτόματο τρόπο. Με τη βοήθειά του, μπορείτε γρήγορα να δημιουργήσετε, να επεξεργαστείτε και να διαγράψετε cookies ενώ παραμένετε στην καρτέλα.

Με ένα κλικ, το Cookie-Editor θα διαγράψει όλα τα cookies της τρέχουσας σελίδας. Μπορεί επίσης να εισάγει/εξάγει cookies σε μορφή κειμένου.

Το Node.js V8 είναι ένα πρόσθετο που μπορείτε να χρησιμοποιήσετε με το Edge DevTools για να βελτιστοποιήσετε τον κύκλο ανάπτυξης του Node.js. Μπορεί να διαχειριστεί τον κύκλο ζωής παραθύρου/καρτέλας του Edge DevTools, ώστε να έχετε περισσότερο χρόνο για να εστιάσετε στον εντοπισμό σφαλμάτων του κώδικά σας.

Σχετίζεται με: Τι είναι το Rubber Duck Debugging;

Το πρόσθετο Node.js V8 σάς επιτρέπει να παρακολουθείτε τις τοπικές και απομακρυσμένες συνεδρίες εντοπισμού σφαλμάτων ενώ ελέγχετε τη διεπαφή DevTools, τόσο χειροκίνητα όσο και αυτόματα. Μπορείτε επίσης να το χρησιμοποιήσετε για τον εντοπισμό σφαλμάτων σε διεργασίες κόμβου VSCode και να προσαρμόσετε τη διάρκεια μεταξύ των ανιχνευτών του v8 Inspector.

Με τη βοήθειά του, μπορείτε να ανοίξετε και να κλείσετε αυτόματα το Edge DevTools σε μια καρτέλα ή παράθυρο και να κάνετε το DevTools ενεργό ή ανενεργό κατά την εκκίνηση. Η δυνατότητα επιθεώρησης σάς απαλλάσσει από την αντιγραφή και επικόλληση της διεύθυνσης URL του DevTools εντοπίζοντας αυτόματα τη διεύθυνση URL που δημιουργείται κατά την εκτέλεση του κόμβου.

Το BugReplay είναι κυρίως ένα πρόσθετο που χρησιμοποιείται για προβολή οθόνης και εντοπισμό σφαλμάτων δικτύου. Σας βοηθά να εγγράψετε την οθόνη σας σε συγχρονισμό με τα μηνύματα της κονσόλας JavaScript και την κυκλοφορία δικτύου. Χάρη σε αυτό το πρόσθετο, το μόνο που χρειάζεται να κάνετε είναι να ακολουθήσετε ξανά τα βήματα για να καταγράψετε σφάλματα σε πραγματικό χρόνο.

Δεν χρειάζεται ένας προγραμματιστής να επικοινωνεί εμπρός και πίσω με τους τελικούς χρήστες ή τα στελέχη υποστήριξης. Μπορούν να ανακαλύψουν απρόσκοπτα πότε και πού εμφανίστηκε το σφάλμα από τις καταγεγραμμένες πληροφορίες και να επιλύσουν το πρόβλημα σε χρόνο μηδέν.

Η καταγραφή του σφάλματος γίνεται εύκολη με το πρόσθετο BugReplay. Μπορείτε επίσης να ελέγξετε το σφάλμα πριν το μοιραστείτε με τους συναδέλφους σας. Το πρόσθετο προσφέρει επίσης μια επιλογή για να το δημοσιοποιήσετε.

Επιλέξτε τα αγαπημένα σας πρόσθετα Edge για ανάπτυξη

Ανατρέχοντας σε αυτήν τη λίστα με τα πρόσθετα του Microsoft Edge, μπορείτε να επιλέξετε αυτά που θα σας βοηθήσουν στις εργασίες ανάπτυξης ιστού και εφαρμογών. Θυμηθείτε ότι ο Microsoft Edge διαθέτει και άλλα πρόσθετα για τακτικούς χρήστες. Μπορείτε να περιηγηθείτε και να βρείτε κύριες επεκτάσεις για άλλες εργασίες, όπως η διαχείριση κωδικών πρόσβασης.

Τα 9 καλύτερα πρόσθετα Microsoft Edge για εύκολη διαχείριση κωδικών πρόσβασης

Η απομνημόνευση όλων των διαφορετικών κωδικών πρόσβασης μπορεί να είναι δύσκολη, επομένως εδώ είναι τα εννέα καλύτερα πρόσθετα του Microsoft Edge για εύκολη διαχείριση κωδικών πρόσβασης.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα