Firebug: το απαραίτητο εργαλείο για κάθε web developer

Firebug: το απαραίτητο εργαλείο για κάθε web developer

Το Firebug είναι ένα addon που με ένα κλικ σας παρέχει μια σειρά εργαλείων web development, επιτρέποντάς σας να επεξεργαστείτε οποιαδήποτε σελίδα σε πραγματικό χρόνο. «Κάθεται» στη μπάρα (statusbar) του Firefox και ενεργοποιείται μόνο όταν το καλέσετε. Τα βασικά χαρακτηριστικά του περιλαμβάνουν τα εξής:

Έλεγχος και επεξεργασία της HTML. Το Firebug εμφανίζει τον πλήρη HTML κώδικα οποιασδήποτε σελίδας, δίνοντάς την δυνατότητα να τον επεξεργαστείτε απευθείας και να δείτε τις αλλαγές σε πραγματικό χρόνο. Σας βγάζει, μάλιστα, από τον κόπο να βρείτε τον κώδικα που αντιστοιχεί σε μια συγκεκριμένη περιοχή της σελίδας, αφού όταν επιλέξετε την περιοχή εμφανίζεται μόνο η HTML που την αφορά. Ασφαλώς, οι αλλαγές χάνονται την επόμενη φορά που θα πατήσετε ανανέωση (refresh) της σελίδας.

Έλεγχος και επεξεργασία των CSS. Επιλέγοντας μια συγκεκριμένη περιοχή, το Firebug εμφανίζει, πέρα από την HTML, τα CSS που της αντιστοιχούν. Και σε αυτή την περίπτωση, σας δίνει τη δυνατότητα να τα επεξεργαστείτε και να δείτε απευθείας τα αποτελέσματα. Για την ακρίβεια, μπορείτε να αλλάξετε ολοκληρωτικά τα CSS μιας σελίδας και να δείτε πώς θα φαινόταν. Καθώς συμπληρώνετε, μάλιστα, μια τιμή, το Firebug εμφανίζει προτάσεις με τις τιμές που θα μπορούσε να περιλαμβάνει, μεγάλο βοήθημα στην περίπτωση που δεν είσαστε σίγουροι για την σωστή σύνταξη μιας καταχώρησης.

Εργαλεία ελέγχου και απασφαλμάτωσης. Το Firebug περιλαμβάνει μια σειρά εργαλείων για τον έλεγχο της σελίδας σας και τη διόρθωση ενδεχομένων λαθών: javascript debugger, γρήγορο εντοπισμό λαθών σε Javascript, CSS και XML, DOM Inspector, ακόμα και παρακολούθηση της δικτυακής δραστηριότητας ώστε να βρείτε τους λόγους για τους οποίους η σελίδα σας αργεί να φορτώσει κ.α.

Επεκτασιμότητα. Το Firebug μπορεί να δεχτεί δεκάδες επιπλέον extensions. Δεν πρόκειται για επεκτάσεις του Firefox, αλλά για επεκτάσεις του ίδιου του Firebug, που του προσθέτουν επιπλέον λειτουργικότητες και που μπορούν να σας φανούν χρήσιμες ανάλογα με την τεχνολογία την οποία χρησιμοποιείτε. Π.χ. υπάρχουν, μεταξύ άλλων, επεκτάσεις για development σε jQuery, Flash, PHP, αλλά και επεκτάσεις όπως το Page Speed που δείχνει την ταχύτητα φόρτωσης μιας σελίδας.

Συνεχής ανάπτυξη. Το Firebug αναπτύσσεται συνεχώς, βγάζοντας κάθε τόσο νέες, ενημερωμένες εκδόσεις.

Μπορείτε να κατεβάσετε το εργαλείο εδώ

 

Απάντηση

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει τα ανεπιθύμητα σχόλια. Μάθετε πώς υφίστανται επεξεργασία τα δεδομένα των σχολίων σας.