15 καλύτερες επεκτάσεις προγράμματος περιήγησης για προγραμματιστές (2020)

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

Τα περισσότερα πρόσθετα για τον Firefox είναι επίσης διαθέσιμα ως επεκτάσεις για το Google Chrome. Σε αυτό το άρθρο, θα προσπαθήσουμε να δώσουμε προτεραιότητα στα πρόσθετα / επεκτάσεις μεταξύ προγραμμάτων περιήγησης, κάτι που σε αυτό το πλαίσιο σημαίνει ότι θα λειτουργούν σε Firefox, Chrome και Chromium. Θα προτιμούμε επίσης δωρεάν επεκτάσεις που δεν είναι γνωστό ότι διαβιβάζουν τις πληροφορίες σας σε τρίτους και δεν υποστηρίζονται από έσοδα από διαφημίσεις. Θα επικεντρωθούμε περισσότερο σε επεκτάσεις που δεν σας περιορίζουν σε μια συγκεκριμένη τεχνολογία ανάπτυξης.

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

Παρόλο που υπάρχουν πολύ περισσότεροι χρήστες Chrome από ό, τι υπάρχουν χρήστες του Firefox, αυτοί στο πλήθος IT τείνουν να προτιμούν τον Firefox, γι 'αυτό υπάρχουν περισσότερες και καλύτερες επεκτάσεις που απευθύνονται σε προγραμματιστές στον Firefox.

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

1. Χτισμένο με

Όταν βρίσκεστε σε έναν πολύ καλοφτιαγμένο ιστότοπο και θέλετε να μάθετε πώς το έφτιαξαν, αυτή η επέκταση θα σας εξοικονομήσει πολύ χρόνο και προσπάθεια για να ανακαλύψετε τον πηγαίο κώδικα. Λήψη συνδέσμων: Chrome / Chromium, Firefox

2. τσεκούρι

Αυτό είναι ένα εργαλείο ελέγχου προσβασιμότητας. Είναι πάντα καλύτερο να δοκιμάσετε και να κάνετε τις σελίδες σας όσο το δυνατόν πιο προσβάσιμες και το ax θα σας βοηθήσει να αποφύγετε κατά λάθος να αποκλείσετε ένα τμήμα χρηστών από τον ιστότοπό σας. Λήψη συνδέσμων: Chrome / Chromium, Firefox

3. ColorZilla

Ένα παλιό αλλά ακόμα καλό, αυτή η επέκταση σάς επιτρέπει να δοκιμάσετε χρώματα απευθείας από μια σελίδα, να ανακτήσετε χρωματικούς κωδικούς, να δημιουργήσετε ντεγκραντέ και πολλά άλλα. Λήψη συνδέσμων: Chrome / Chromium, Firefox

4. WebDeveloper

Προσθέτει μερικά χρήσιμα πρόσθετα στο πρόγραμμα περιήγησής σας για έλεγχο CSS, φόρμες, εικόνες και πληροφορίες. Μία από τις πιο δημοφιλείς επεκτάσεις που έγιναν ποτέ. Λήψη συνδέσμων: Chrome / Chromium, Firefox

5. Woo Rank

Αναλύστε οποιαδήποτε ιστοσελίδα για δεδομένα SEO. Παρέχει μια ισχυρή αναφορά που σας δείχνει όλα τα εσωτερικά SEO, συμπεριλαμβανομένης μιας συνολικής βαθμολογίας SEO, προτάσεις για βελτίωση, σύννεφο λέξεων-κλειδιών και πολλά άλλα. Λήψη συνδέσμων: Chrome / Chromium, Firefox

6. Tab2QR

Δημιουργήστε έναν κωδικό QR της σελίδας στην οποία βρίσκεστε και μπορείτε να επισκεφθείτε τη σελίδα με το τηλέφωνό σας μόνο αν σαρώσετε τον κωδικό QR. Καλό για τη δοκιμή αποκριτικών ιστότοπων, ακόμα κι αν δεν τους δημιουργήσατε. Λήψη συνδέσμων: Chrome / Chromium, Firefox

7. Δημιουργία αιτημάτων HTTP

Αυτό μπορεί να είναι πολύ χρήσιμο για τη δοκιμή απαντήσεων φόρμας PHP όπου δεν θέλετε πραγματικά να υποβάλετε τη φόρμα (κάτι που μπορεί να προκαλέσει επιπλέον επεξεργασία που δεν χρειάζεται να δοκιμάσετε). Με αυτό το εργαλείο μπορείτε να σφυρηλατήσετε εύκολα αιτήματα HTTP. Λάβετε υπόψη ότι αν και οι επεκτάσεις Chrome και Firefox έχουν το ίδιο όνομα και κάνουν τα ίδια πράγματα, κατασκευάζονται από διαφορετικούς προγραμματιστές και δεν είναι ακριβώς οι ίδιες. Λήψη συνδέσμων: Chrome / Chromium, Firefox

8. Δοκιμή απόδοσης σελίδας

Λάβετε γρήγορα μια αναφορά για την απόδοση της σελίδας σας σε διαφορετικά στάδια του ταξιδιού σας στο πρόγραμμα περιήγησής σας. Είναι σαν μια πιο προηγμένη έκδοση του tracert. Αυτό είναι διαθέσιμο μόνο στον Firefox προς το παρόν. Υπάρχουν παρόμοιες επεκτάσεις για το Chrome και το Chromium, αλλά δεν είναι τόσο πλούσιες σε λειτουργίες όσο αυτή. Λήψη συνδέσμων: Firefox

9. Εργαλείο καταμέτρησης λέξεων

Αυτό μπορεί πραγματικά να κάνει περισσότερα από ό, τι υπονοεί το όνομα, καθώς θα σας πει επίσης πόσους χαρακτήρες και πόσες προτάσεις βρίσκονται σε ένα επιλεγμένο τμήμα κειμένου (ή ολόκληρη τη σελίδα). Λήψη συνδέσμων: Chrome / Chromium, Firefox

10. Λίστα ελέγχου προγραμματιστών ιστού

Βεβαιωθείτε ότι ακολουθείτε τις βέλτιστες οδηγίες πρακτικής ανάπτυξης ιστού με αυτό το εργαλείο που θα εμφανίσει πού έχουν υποχωρήσει τα πρότυπά σας. Λήψη συνδέσμων: Chrome / Chromium, Firefox

11. Πρόγραμμα επεξεργασίας χαρτών εικόνας

Μία από τις τρεις εξαιρετικές επεκτάσεις από τον Γερμανό προγραμματιστή Heinz-Jürgen Boms, αυτός κάνει ακριβώς αυτό που λέει το όνομα. Μπορείτε να δημιουργήσετε έναν χάρτη εικόνας απευθείας στο πρόγραμμα περιήγησης απλά ανιχνεύοντας τις περιοχές μιας εικόνας που θέλετε να χαρτογραφήσετε. Λήψη συνδέσμων: Firefox

12. Προηγμένος επεξεργαστής πλαισίων

Μια άλλη επέκταση από τον Heinz-Jürgen Boms, είναι πραγματικά ένα εργαλείο στυλ CSS όπου μπορείτε να δημιουργήσετε ένα πλαίσιο απευθείας στο πρόγραμμα περιήγησης καθορίζοντας τα χαρακτηριστικά του. Αξίζει να δείτε το τεκμηρίωση πριν αρχίσετε να το χρησιμοποιείτε. Λήψη συνδέσμων: Firefox

13. Bootstrap Responsive Helper

Πρόκειται για μια πολύ απλή επέκταση που σας βοηθά να δείτε γρήγορα αν τα σημεία διακοπής σας λειτουργούν σωστά και ποιο επίπεδο εκκίνησης είναι η τρέχουσα λειτουργία. Φυσικά θα χρειαστείτε αυτήν την επέκταση μόνο εάν εργάζεστε πραγματικά στο Bootstrap. Η έκδοση Chrome αναπτύχθηκε από τον Jonathan Defraiteur και η έκδοση Firefox αναπτύχθηκε από τον Kevin Bon. Λήψη συνδέσμων: Chrome / Chromium, Firefox

14. Δοκιμάστε τον εαυτό σας HTML5 Editor

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

15. Γυαλιά X-Ray

Τεχνικά αυτό δεν είναι επέκταση, είναι στην πραγματικότητα ένα σελιδοδείκτη. Αλλά λειτουργεί τόσο καλά, δεν μπορούσαμε να το αφήσουμε εκτός λίστας. Παρόλο που είναι κατασκευασμένο από τη Mozilla, λειτουργεί εξίσου καλά στο Chrome επειδή και τα δύο προγράμματα περιήγησης είναι πλήρως συμβατά με τα πρότυπα. Για να το χρησιμοποιήσετε, θα πρέπει να κάνετε τη γραμμή σελιδοδεικτών σας ορατή. Στη συνέχεια, επισκεφθείτε τη σελίδα λήψης, στην οποία μπορείτε να φτάσετε μέσω των παρακάτω συνδέσμων και σύρετε το κουμπί X-Ray Goggles στη γραμμή σελιδοδεικτών. Στη συνέχεια, απλώς επισκεφτείτε οποιονδήποτε ιστότοπο, ενεργοποιήστε τον σελιδοδείκτη του X-Ray Goggles, επιλέξτε ένα στοιχείο στη σελίδα και μπορείτε να επεξεργαστείτε τον κωδικό για αυτόν. Λήψη συνδέσμων: Chrome / Chromium, Firefox

Η εικόνα της κεφαλίδας είναι ευγενική προσφορά του

Μπογκντάν Ράνσα

Ο Bogdan είναι ιδρυτικό μέλος του Inspired Mag, έχοντας συγκεντρώσει σχεδόν 6 χρόνια εμπειρίας κατά τη διάρκεια αυτής της περιόδου. Στον ελεύθερο χρόνο του αρέσει να μελετά την κλασική μουσική και να εξερευνά εικαστικές τέχνες. Είναι επίσης πολύ παθιασμένος με τους fixies. Έχει ήδη 5.