Οδηγός εγκατάστασης του Firebug σε βασικά προγράμματα περιήγησης και συσκευές iOS

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

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

Λοιπόν, εδώ έρχεται η Firebug Lite για να λύσει τις ανάγκες σας. Το Firebug Lite είναι μια απλούστερη έκδοση του Firebug, αλλά μπορεί να χρησιμοποιηθεί σε IE, Opera, Chrome, Safari, iPad και iPhone ενώ διατηρεί παρόμοιες επιλογές και δυνατότητες.

Εγκατάσταση του Firebug Lite σε Opera, Safari & Chrome

Με το Firebug Lite, δεν απαιτείται εγκατάσταση. Γραπτή σε Java Script, μπορείτε να προσθέσετε σελιδοδείκτη ενός συνδέσμου Firebug Lite και θα είναι έτοιμη για επιθεώρηση σελίδας. Έτσι, τι πρέπει να κάνετε είναι απλά να προσθέσετε σελιδοδείκτη στον παρακάτω σύνδεσμο (μπορείτε επίσης να σύρετε το σύνδεσμο στη γραμμή σελιδοδεικτών του προγράμματος περιήγησης).

Firebug Lite

Εάν χρησιμοποιείτε το πρόγραμμα περιήγησης Chrome, ο σελιδοδείκτης θα εμφανίζεται όπως παρακάτω, αν η γραμμή σελιδοδεικτών είναι ορατή.

Αυτό είναι, το Firebug Lite πρέπει τώρα να λειτουργεί όταν πρέπει να το χρησιμοποιήσετε.

Χρησιμοποιώντας Firebug Lite σε Opera, Safari & Chrome

Τώρα μπορείτε να χρησιμοποιήσετε το Firebug Lite για να επιθεωρήσετε σχεδόν οποιαδήποτε ιστοσελίδα. Για αυτό το παράδειγμα, θα χρησιμοποιήσουμε το Wikipedia.org.

Όταν φορτώνεται η ιστοσελίδα, κάντε κλικ στον σελιδοδείκτη Firebug Lite που αποθηκεύσατε νωρίτερα και θα εμφανιστεί ένα κουτάκι κονσόλας στο κάτω μέρος της ιστοσελίδας.

Αν κλείσουμε, αυτό θα δείτε στο κάτω αριστερό μέρος της σελίδας.

Τώρα μπορείτε να δείτε τα (+) και (-) στο σημείο εκκίνησης πολλών γραμμών. Το (+) σημαίνει ότι υπάρχουν περισσότερες γραμμές κλειστές κάτω από το ένα-liner του html, και αν επισημάνετε τη γραμμή, θα δείτε ποιο μέρος της σελίδας αντιπροσωπεύει.

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

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

Εγκατάσταση Firebug Lite σε iPad & iPhone

Τα booklets δεν πάνε καλά με το iPad και το iPhone. Για να έχετε εγκατεστημένο το Firebug Lite στο iPad και το iPhone, ακολουθήστε τα εξής βήματα:

1. Σημειώστε αυτή τη σελίδα στο iPad ή το iPhone σας.

   

2. Μετονομάστε το σελιδοδείκτη σε "Firebug".

   

3. Επιλέξτε και αντιγράψτε όλες τις παρακάτω δέσμες ενεργειών.

   javascript: (συνάρτηση (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) επιστροφή, E = F [i + 'NS'] && F. (E, 'script'): F [i] ('script') E [r] (id, b) "fc"), E [r] (b, u), (F [e] ('κεφαλή') [0] || F [e]. appendChild (E) · E = νέο% 20Image · E [r] ('src', I + L);) (έγγραφο, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened').

4. Μεταβείτε στην επιλογή σελιδοδείκτη και πατήστε "Επεξεργασία". Στη συνέχεια, επιλέξτε το "Firebug" σελιδοδείκτη.

   

5. Καταργήστε την αρχική διεύθυνση URL και επικολλήστε το σελιδοδείκτη.

   

6. Επιλέγω “Εγινε” στο πληκτρολόγιό σας.

Τώρα, προσπαθήστε να ανοίξετε οποιονδήποτε ιστότοπο και επιλέξτε "Firebug" σελιδοδείκτη και θα δείτε ένα λειτουργικό Firebug στο κάτω μέρος της οθόνης iPad σας.

συμπέρασμα

Το Firebug Lite είναι αρκετά καλό για να κάνει γρήγορη επιθεώρηση σελίδας. Μπορείτε να δείτε html, css και οποιοδήποτε σενάριο που χρησιμοποιήθηκε για την κατασκευή της ιστοσελίδας. Αν και το Chrome έχει την δική του επέκταση Web Developer, το Firebug Lite δεν απογοητεύει από ένα μίλι.