Προβολή ετικετών HTML και ιστοσελίδας που συνδυάζονται στον Firefox

Θέλετε έναν ευκολότερο τρόπο να βλέπετε τις ετικέτες html μιας ιστοσελίδας χωρίς να βλέπετε τον πηγαίο κώδικα σε ξεχωριστό παράθυρο; Τώρα μπορείτε να δείτε την ιστοσελίδα και τις ετικέτες συνδυασμένες στο ίδιο παράθυρο χρησιμοποιώντας την επέκταση X-Ray για τον Firefox.

Πριν

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

Μετά

Η επέκταση X-Ray θα σας επιτρέψει να δείτε τις ετικέτες του εγγράφου (συμπεριλαμβανομένων των ονομάτων κλάσης και αναγνωριστικών) "δίπλα-δίπλα" με την ιστοσελίδα στην ίδια καρτέλα. Μπορείτε να χρησιμοποιήσετε είτε το μενού περιβάλλοντος είτε το μενού εργαλείων για να αποκτήσετε πρόσβαση στην εντολή X-Ray.

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

Σημείωση: Μπορείτε να επαναφέρετε την ιστοσελίδα στην κανονική της προβολή είτε κάνοντας ξανά κλικ στην εντολή X-Ray είτε ανανεώνοντας τη σελίδα.

Ο κώδικας για μέρος της πλαϊνής γραμμής στην ίδια ιστοσελίδα ...

Ακολουθεί ένα από τα σύνολα συνδέσεων στο τέλος.

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

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

συμπέρασμα

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

Συνδέσεις

Κατεβάστε την επέκταση X-Ray (πρόσθετα Mozilla)