24Aug

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

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

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

Η εγκατάσταση όλων αυτών των εργαλείων ανάπτυξης θα κάνει τον Firefox σε ένα πολύ βαρύ πρόγραμμα περιήγησης, οπότε πρέπει πρώτα να δημιουργήσουμε ένα νέο προφίλ για τον 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

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

Μετρήστε το

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

/

Δείτε / IE Tab / OperaView / FirefoxView / Προβολή Safari / IE View Lite

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

Διαγραφή κλειδιού προσωρινής αποθήκευσης

Εκκαθαρίζει τη μνήμη cache.Ιδιαίτερα χρήσιμο για τον έλεγχο νέων αλλαγών CSS.

Επανεκκίνηση του Firefox

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

Tab Mix Plus

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

YSlow

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

Dummy Lorem Ipsum

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

Screengrab!

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

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

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