Όταν έχει διαμορφωθεί σωστά, ο Firefox μπορεί να γίνει το απόλυτο εργαλείο ανάπτυξης ιστού, δίνοντάς σας άμεση πρόσβαση στη σελίδα στην οποία εργάζεστε, ώστε να μπορείτε να σχεδιάσετε τη σελίδα σας σε πραγματικό χρόνο, να διορθώσετε το javascript ή ακόμα και να επεξεργαστείτε το html.
Δημιουργήστε ξεχωριστό προφίλ για ανάπτυξη ιστοσελίδων
Η εγκατάσταση όλων αυτών των εργαλείων ανάπτυξης θα κάνει τον Firefox σε ένα πολύ βαρύ πρόγραμμα περιήγησης, επομένως πρέπει πρώτα να δημιουργήσουμε ένα νέο προφίλ για τον Firefox.
Μπορείτε να ξεκινήσετε ένα ξεχωριστό προφίλ ταυτόχρονα με το κανονικό σας προφίλ δημιουργώντας μια νέα συντόμευση με αυτά τα ορίσματα, αντικαθιστώντας το WebDev με το όνομα του προφίλ σας. Υπάρχει επίσης ένα πιο λεπτομερή εξήγηση πώς να το κάνετε αυτό.
firefox.exe -P WebDev - κανένα απομακρυσμένο
Τώρα που έχετε ρυθμίσει τον Firefox με ξεχωριστό προφίλ μόνο για ανάπτυξη ιστού, ας ρίξουμε μια ματιά στις επεκτάσεις που μπορούμε να χρησιμοποιήσουμε για να κάνουμε τον Firefox το απόλυτο εργαλείο ανάπτυξης ιστού.
Πρέπει να έχετε επεκτάσεις προγραμματιστή Web
Αυτές είναι όλες οι επεκτάσεις που χρησιμοποιώ σε τακτική βάση για την ανάπτυξη ιστού.
Το Firebug είναι η πιο ισχυρή επέκταση για εντοπισμό σφαλμάτων javascript, προβολή CSS και html. Μπορείτε να κάνετε δυναμικές αλλαγές στον κώδικα και το CSS και να το χρησιμοποιήσετε για να εντοπίσετε τον κώδικα Ajax. Είναι πραγματικά η καλύτερη επέκταση εκεί έξω.
Μία από τις καλύτερες επεκτάσεις για x χρόνια λειτουργίας. Αυτό είναι απαραίτητο για οποιονδήποτε προγραμματιστή, αλλά το έχετε ήδη ακούσει.
Αυτή η επέκταση είναι μια πολύ ελαφριά επέκταση που θα σας δείξει εύκολα τα στοιχεία της σελίδας και την αντίστοιχη κλάση / αναγνωριστικό. Είναι απλούστερο στη χρήση από την επέκταση προγραμματιστή ιστού για εκείνες τις στιγμές που χρειάζεστε απλώς τις γρήγορες πληροφορίες για ένα στοιχείο. Μπορείτε επίσης να το χρησιμοποιήσετε για να αφαιρέσετε στοιχεία από τη σελίδα.
Επιλέξτε χρώματα εύκολα. Δεν χρειάζεται πλέον να βρεις χρώματα ενσωματωμένα κάπου σε ένα φύλλο στυλ.
Μπορείτε να ρυθμίσετε πολλαπλά προφίλ προέλευσης προβολής για να ανοίξετε την πηγή σε διαφορετικές εφαρμογές.
Αυτή η επέκταση σάς επιτρέπει να επικυρώνετε εύκολα το HTML της σελίδας σας και να εγκαθιστάτε στον πίνακα "Προβολή πηγής".
Δεν είναι ακριβώς μια επέκταση προγραμματιστή ιστού, αλλά το Greasemonkey είναι καταπληκτικό, ιδίως για την ικανότητα αυτοματοποίησης ενεργειών που συνήθως εκτελούνται, κάτι που αποτελεί εξαιρετική εξοικονόμηση χρόνου για προγραμματιστές ιστού.
Μετρήστε εύκολα μια απόσταση στην οθόνη με αυτήν την επέκταση. Μόλις μετρήσετε μια περιοχή, μπορείτε να σύρετε το ορθογώνιο γύρω από την οθόνη για να το χρησιμοποιήσετε ως σύγκριση.
Προβολή IE / Καρτέλα IE / Όπερα / FirefoxView / Προβολή σαφάρι / IE View Lite
Αυτές οι επεκτάσεις (επιλέγετε) σας επιτρέπουν να βλέπετε εύκολα την τρέχουσα σελίδα σε διαφορετικά προγράμματα περιήγησης. Η καρτέλα IE θα σας αφήσει ακόμη και να εκτελέσετε IE μέσα σε μια καρτέλα, αν είστε τόσο διατεθειμένοι.
Εκκαθάριση κουμπιού προσωρινής μνήμης
Διαγράφει την προσωρινή μνήμη. Ιδιαίτερα χρήσιμο για τον έλεγχο νέων αλλαγών CSS.
Η επέκταση επανεκκίνησης του Firefox είναι πολύ χρήσιμη για το κλείσιμο και την επανεκκίνηση του Firefox με όλες τις καρτέλες και τις συνεδρίες άθικτες.
Η επέκταση Tab Mix Plus είναι μια μεγάλη επέκταση γενικά, αλλά έχει μερικές ουσιαστικά χρήσιμες λειτουργίες για προγραμματιστές ιστού: Διπλότυπη καρτέλα και Αντιγραφή διεύθυνσης URL καρτέλας.
Η επέκταση YSlow είναι μια νέα επέκταση από το Yahoo που θα αναλύσει τη σελίδα σας και θα σας πει πού κάνετε λάθη. Θα σας δώσει ακόμη μια βαθμολογία για την απόδοση του ιστότοπού σας. Θα παρατηρήσετε το μικρό εύρος στην κάτω δεξιά γωνία… σας λέει το συνολικό μέγεθος της σελίδας σας καθώς και τον χρόνο φόρτωσης. Πολύ χρήσιμη επέκταση, αλλά απαιτεί την επέκταση Firebug.
Η επέκταση γεννήτριας Dummy Lipsum θα δημιουργήσει εικονικό περιεχόμενο για εσάς βάσει του διάσημου κειμένου Lorem Ipsum που είναι πολύ χρήσιμο για την τοποθέτηση ψεύτικου περιεχομένου στον ιστότοπό σας.
Η επέκταση Screengrab θα σας επιτρέψει να τραβήξετε στιγμιότυπα οθόνης σελίδων, αλλά μπορεί να κάνει κάτι που δεν μπορεί να κάνει ένα κανονικό εργαλείο οθόνης - μπορεί να τραβήξει μια εικόνα ολόκληρης της σελίδας, όχι μόνο το τμήμα με δυνατότητα προβολής.
Υπάρχουν τόνοι άλλων επεκτάσεων που μπορείτε να χρησιμοποιήσετε, αλλά αυτές είναι οι καλύτερες από τις καλύτερες από ό, τι έχω δει. Εάν έχετε μια άλλη επέκταση που χρησιμοποιείτε τακτικά, αφήστε μια αναφορά στα σχόλια.
Σε αυτό το σημείο, τώρα έχετε μετατρέψει τον Firefox σε απόλυτο εργαλείο ανάπτυξης ιστού. Αφιερώστε λίγο χρόνο για να μάθετε πώς να χρησιμοποιείτε το Firebug ειδικά.