Μόλις πρόσφατα, δημοσιεύσαμε μια ανάρτηση για τις 12 επεκτάσεις του Google Chrome για προγραμματιστές και σχεδιαστές και ενώ ορισμένες από αυτές τις επεκτάσεις είναι διαθέσιμες στο Firefox , δεν θα επαναλάμβανα κανένα εδώ.
Με τον ίδιο τρόπο, ορισμένες από τις επεκτάσεις που αναφέρονται παρακάτω είναι διαθέσιμες στο Chrome, επομένως θεωρήστε τέτοιες εφαρμογές ως μπόνους για τα αντίστοιχα προγράμματα περιήγησης.
1. Επικύρωση HTML
ΤοHTML Validator διατρέχει τον κώδικά σας για να βεβαιωθεί ότι ακολουθεί την τυπική σύμβαση HTML. Εμφανίζει τον αριθμό των σφαλμάτων που βλέπει στο εικονίδιο στη γραμμή εργαλείων.
HTML Validator Firefox Addon
2. Octotree
Ως προγραμματιστής, διατρέχω πολλές σελίδες κώδικα στο GitHub κάθε τόσο κατά την αναζήτηση για να δω πώς άλλοι προγραμματιστές έλυσαν ορισμένα προβλήματα . Αν είστε σαν εμένα, τότε θα βρείτε το Octotree χρήσιμο.
ΤοOctotree εμφανίζει τον κώδικα GitHub σε μορφή δέντρου. Με αυτόν τον τρόπο, μπορείτε να περιηγηθείτε στις γραμμές κώδικα χωρίς να κάνετε λήψη των αρχείων προέλευσης.
Octotree εμφανίζει τον κώδικα GitHub σε μορφή δέντρου
3. HTTPS Παντού
HTTPS Everywhere κρυπτογραφεί τα δεδομένα που ανταλλάσσετε με όλες τις μεγάλες ιστοσελίδες, ακόμα κι αν δεν χρησιμοποιούν HTTPS.
Έτσι, αν κατευθυνθείτε σε σελίδες που δεν χρησιμοποιούν https, μπορείτε να είστε σίγουροι ότι η επικοινωνία σας στο διαδίκτυο είναι ασφαλής.
4. Δοκιμή απόδοσης σελίδας
ΤοΔοκιμή απόδοσης σελίδας σας δίνει στατιστικά στοιχεία για τις ιστοσελίδες σας μετρώντας την ταχύτητά τους και την απόδοση φόρτωσης. Μπορείτε να αποθηκεύσετε τα αποτελέσματα του γραφήματος για να τα συγκρίνετε με επόμενες δοκιμές.
Δοκιμή απόδοσης σελίδας
5. Usersnap
ΤοUsersnap σάς δίνει τη δυνατότητα να τραβάτε στιγμιότυπα οθόνης ιστοτόπων και να τα σχολιάζετε προσθέτοντας σχέδια σήμανσης και σχόλια. Έρχεται επίσης με χάρακα pixel και μπορεί να ενσωματωθεί απευθείας με διάφορα εργαλεία διαχείρισης έργων, όπως το Slac, το Trello και το JIRA.
Αυτή η λίστα δεν θα είναι πλήρης χωρίς το Usersnap δεδομένου ότι επιτρέπει μια αποτελεσματική διαδικασία ανάδρασης. Ωστόσο, είναι μια υπηρεσία επί πληρωμή, με δωρεάν δοκιμή 14 ημερών.
Usersnap
6. Απενεργοποίηση JavaScript
Απενεργοποίηση JavaScript, όπως υποδηλώνει το όνομα, σας δίνει τη δυνατότητα να απενεργοποιήσετε τη JavaScript σε ιστότοπους ή μόνο σε συγκεκριμένες καρτέλες. Μπορείτε να το προσαρμόσετε ώστε να έχει μια προεπιλεγμένη κατάσταση JS ενεργοποίησης/απενεργοποίησης και μια προεπιλεγμένη συμπεριφορά απενεργοποίησης ανά τομέα/καρτέλα κ.λπ.
Απενεργοποίηση JavaScript
7. Λίστα ελέγχου προγραμματιστών ιστού
Η επέκταση λίστας ελέγχου προγραμματιστών Ιστού σάς παρέχει μια επισκόπηση του πόσο χρησιμοποιήσιμος είναι ο ιστότοπός σας σύμφωνα με τις βέλτιστες πρακτικές σχεδιασμού και ανάπτυξης.
Κάνοντας κλικ στο εικονίδιο θα ενημερωθείτε για το SEO του ιστότοπού σας, τις φιλικές διευθύνσεις URL, το favicon κ.λπ. με σημάδια επιλογής δίπλα τους για να υποδείξετε ένα πέρασμα.
Λίστα ελέγχου προγραμματιστών ιστού
8. React Developer Tools
Με τη φαινομενικά ατελείωτη αύξηση της δημοτικότητας του React, οι προγραμματιστές του React γεννιούνται σχεδόν κάθε μέρα και η ομάδα του React τους καλύπτει.
ΤοReact Developer Tools σάς δίνει τη δυνατότητα να επιθεωρήσετε ένα δέντρο React μαζί με την κατάσταση, τα στηρίγματα, την ιεραρχία του κ.λπ. Για να το ενεργοποιήσετε , εκκινήστε τα εργαλεία ανάπτυξης του Firefox και μεταβείτε στην καρτέλα React.
Υπάρχει επίσης μια έκδοση για προγραμματιστές Vue με τη μορφή προγραμματιστών Vue.js.
React Developer Tools
9. ColorZilla
ColorZilla είναι ένα εξαιρετικό εργαλείο για προγραμματιστές και γραφίστες να επιλέγουν χρώματα από διαφορετικές ιστοσελίδες.
Περιέχει επίσης ένα σταγονόμετρο, μια γεννήτρια ντεγκραντέ, πρόγραμμα περιήγησης παλέτας και ιστορικό χρωμάτων.
ColorZilla
10. Evernote Web Clipper
ΤοEvernote Web Clipper σάς δίνει τη δυνατότητα να τραβάτε στιγμιότυπα οθόνης ιστοσελίδων και τα αποθηκεύει αυτόματα στο Evernoteλογαριασμός από τον οποίο μπορείτε να κάνετε σχολιασμούς και να μοιραστείτε με τα μέλη της ομάδας.
Evernote Web Clipper
11. Διαχειριστής cookie
ΤοCookie Manager είναι μια επέκταση με συνείδηση της ασφάλειας που σας δίνει τη δυνατότητα να προβάλετε, να προσθέσετε, να επεξεργαστείτε, να διαγράψετε και να αναζητήσετε cookies σε οποιαδήποτε τομέα.
Αυτό που είναι ακόμα πιο ωραίο με τη Διαχείριση Cookie είναι ότι μπορείτε να εξάγετε και να εισάγετε cookie μεταξύ τομέων.
Διαχειριστής cookie
12. Ζωντανός επεξεργαστής για CSS και LESS
ΤοLive Editor για CSS και το LESS σάς δίνει τη δυνατότητα να γράψετε κώδικα CSS/LESS απευθείας στο πρόγραμμα περιήγησής σας. Ο κωδικός σας τίθεται σε ισχύ αμέσως και θα αποθηκευτεί σε επίπεδο τοποθεσίας στον τοπικό χώρο αποθήκευσης του προγράμματος περιήγησής σας.
Το πρόγραμμα επεξεργασίας στη σελίδα διαθέτει αυτόματη συμπλήρωση, ωραιοποίηση, επένδυση κ.λπ. Θα πρέπει να το ελέγξετε.
Ζωντανός επεξεργαστής για CSS
Σας αρέσει κάποια από τις επεκτάσεις που αναφέρονται ή έχετε μια λίστα που μπορούμε να χρησιμοποιήσουμε; Η ενότητα σχολίων είναι παρακάτω.