Δημιουργήστε το τελευταίο προφίλ ανάπτυξης ιστού του Firefox

Όταν ρυθμιστεί σωστά, ο Firefox μπορεί να γίνει το απόλυτο εργαλείο ανάπτυξης ιστοσελίδων, δίνοντάς σας άμεση πρόσβαση στη σελίδα στην οποία εργάζεστε, ώστε να μπορείτε να διαμορφώσετε τη σελίδα σας σε πραγματικό χρόνο, να εκτελέσετε debug javascript ή ακόμα και να επεξεργαστείτε το html.

Δημιουργήστε ξεχωριστό προφίλ για την ανάπτυξη ιστού

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

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

firefox.exe -P WebDev - δεν είναι απομακρυσμένη

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

Πρέπει να έχετε επεκτάσεις διαδικτυακών διαύλων

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

Firebug

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

Επέκταση Web Developer

Μια από τις καλύτερες επεκτάσεις για x χρόνια λειτουργίας. Αυτό είναι ένα must-have για κάθε προγραμματιστή, αλλά έχετε ήδη ακούσει για αυτό.

Επέκταση Aardvark

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

Colorzilla

Επιλέξτε εύκολα χρώματα. Δεν υπάρχει πια πόνος να βρείτε χρώματα ενσωματωμένα κάπου σε ένα φύλλο στυλ.

Προβολή πηγής με

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

Validator HTML

Αυτή η επέκταση σάς επιτρέπει να επικυρώσετε εύκολα τη σελίδα HTML της σελίδας σας και να την εγκαταστήσετε στον πίνακα "Προβολή προέλευσης".

Greasemonkey

Δεν είναι ακριβώς μια επέκταση προγραμματιστή ιστού, αλλά το Greasemonkey είναι φοβερό, όχι μόνο για την ικανότητα αυτοματοποίησης κοινώς εκτελούμενων ενεργειών, κάτι που αποτελεί μια εξαιρετική εξοικονόμηση χρόνου για τους προγραμματιστές Ιστού.

Μετρήστε το

Μετρήστε εύκολα μια απόσταση στην οθόνη με αυτήν την επέκταση. Αφού μετρήσετε μια περιοχή, μπορείτε να σύρετε το ορθογώνιο γύρω από την οθόνη για να το συγκρίνετε.

IE View / / IE Tab / / OperaView / / FirefoxView / / Προβολή του Safari / / IE View Lite

Αυτές οι επεκτάσεις (λάβετε την επιλογή σας) σας επιτρέπουν να βλέπετε εύκολα την τρέχουσα σελίδα σε διαφορετικά προγράμματα περιήγησης. Η καρτέλα IE θα σας επιτρέψει να εκτελέσετε IE μέσα σε μια καρτέλα, αν είχατε την τάση.

Διαγραφή κουμπιού προσωρινής μνήμης

Διαγράφει την προσωρινή μνήμη. Ιδιαίτερα χρήσιμο για τον έλεγχο νέων αλλαγών CSS.

Επανεκκινήστε τον Firefox

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

Tab Mix Plus

Η επέκταση Tab Mix Plus είναι μια μεγάλη επέκταση εν γένει, αλλά έχει μερικά ουσιαστικά χρήσιμα χαρακτηριστικά για τους προγραμματιστές Ιστού: Διπλότυπος καρτέλα και Αντιγραφή καρτέλας URL.

YSlow

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

Dummy Lorem Ipsum

Η επέκταση της γεννήτριας Dummy Lipsum θα δημιουργήσει εικονικό περιεχόμενο για εσάς με βάση το περίφημο κείμενο Lorem Ipsum το οποίο είναι πολύ χρήσιμο για τη δημιουργία ψεύτικου περιεχομένου στον ιστότοπό σας.

Screengrab!

Η επέκταση του Screengrab θα σας επιτρέψει να τραβήξετε στιγμιότυπα από τις σελίδες, αλλά μπορεί να κάνει κάτι που δεν μπορεί να κάνει ένα κανονικό εργαλείο οθόνης - μπορεί να πάρει μια εικόνα ολόκληρης της σελίδας, όχι μόνο το τμήμα που μπορεί να προβληθεί.

 

Υπάρχουν τόνοι άλλων επεκτάσεων που μπορείτε να χρησιμοποιήσετε, αλλά αυτά είναι τα καλύτερα από τα καλύτερα από όλα αυτά που έχω δει. Εάν έχετε μια άλλη επέκταση που χρησιμοποιείτε τακτικά, αφήστε μια αναφορά στα σχόλια.

Σε αυτό το σημείο, έχετε πλέον ενεργοποιήσει τον Firefox στο τελικό εργαλείο ανάπτυξης ιστού. Πάρτε το χρόνο να μάθετε πώς να χρησιμοποιείτε το Firebug ειδικά.