- - Δείτε τον πίνακα περιεχομένων για στοιχεία HTML σε έναν ιστότοπο στο Chrome

Δείτε τον πίνακα περιεχομένων για στοιχεία HTML σε έναν ιστότοπο στο Chrome

Προηγμένα προγράμματα ανάπτυξης ιστοσελίδων βοηθούν να γράψετεκώδικα εύκολα από ό, τι εάν το κάνατε χωρίς αυτούς. Όχι μόνο επιταχύνουν την εργασία τους και βοηθούν στην αποφυγή κοινών προβλημάτων σύνταξης, είναι επίσης ένα εξαιρετικό εργαλείο για αρχάριους που μπορεί να αισθάνονται συγκλονισμένοι από την προσπάθεια που απαιτείται για να γράψουν μια απλή σελίδα HTML. Εάν δεν υπάρχει τίποτε άλλο, μπορούν να σας βοηθήσουν να μάθετε κωδικό. Το μόνο κενό που μπορεί να αντιμετωπίσετε με ένα πρόγραμμα ανάπτυξης ιστού, ειδικά όταν το χρησιμοποιείτε για να μάθετε να κωδικοποιείτε, είναι το πώς δεν είναι εξοπλισμένα για να αναλύουν ιστότοπους στο πρόγραμμα περιήγησής σας. Εάν η συγκεκριμένη σας περιοχή ενδιαφέροντος είναι HTML, τότε HTML5 Outliner είναι μια μεγάλη επέκταση του Chrome που θα σας βοηθήσεινα αναλύσετε διαφορετικά στοιχεία HTML σε μια ιστοσελίδα. Η επέκταση προσθέτει ένα τετράγωνο εικονίδιο στη γραμμή URL που, όταν πατηθεί, ανοίγει μια προβολή πίνακα περιεχομένων για όλες τις επικεφαλίδες και τις ενότητες HTML 5. Η επέκταση λειτουργεί επίσης για στοιχεία HTML 4.

Στοιχεία στον πίνακα περιεχομένων που εμφανίζονταιμπορείτε να κάνετε κλικ και η επέκταση θα μετακινηθεί και θα επισημανθεί το στοιχείο που επιλέγετε. Το highlight δεν λειτουργεί πάντα, αλλά η πλοήγηση είναι πλήρως λειτουργική.

HTML5 Outliner

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

Για παράδειγμα; αν έχετε χρησιμοποιήσει πίνακες για τον ορισμότη διάταξη της σελίδας σας, είναι πιθανό ότι δεν θα δείτε καθόλου πίνακα περιεχομένων. Ο λόγος για αυτό δεν είναι τίποτα περισσότερο από τον κακώς γραπτό κώδικα, αφού τα layouts ορίζονται καλύτερα με CSS και όχι με πίνακες. Προς το παρόν, δεν θα μπορείτε να χρησιμοποιήσετε την επέκταση σε τοπικά αποθηκευμένα αρχεία HTML λόγω ενός μικρού περιορισμού με την επέκταση και κάτι που σχετίζεται με τα δικαιώματα του Chrome.

Το HTML5 Outliner προφανώς δεν είναι για το κοινόχρήστης; αυτό προορίζεται για web developers, τόσο αρχάριους όσο και εξειδικευμένους. Για αρχάριους, θα πρέπει να αποδειχθεί χρήσιμο ενώ προεπισκόπηση της διάταξης ενός υπό ανάπτυξη χώρου. Για ειδικευμένους προγραμματιστές, είναι ένας γρήγορος τρόπος πλοήγησης μεταξύ των στοιχείων μιας ιστοσελίδας και ο έλεγχος του κώδικα πίσω από το κάθε ένα.

Εγκαταστήστε το HTML5 Outliner από το Chrome Web Store

Σχόλια