Πώς να προβάλετε τον πηγαίο κώδικα της ιστοσελίδας σε iPhone και iPad
Miscellanea / / December 02, 2021
Παρόλο που οι εφαρμογές iOS δεν είναι αρκετά μηχανές ανάπτυξης Ωστόσο, γενικά θα βρείτε ένα iPhone ή ένα iPad στην εργαλειοθήκη ενός σχεδιαστή/προγραμματιστή ιστού. Αν και αν είστε προγραμματιστής/εκδότης ή απλά κάποιος που θέλει να δει τον πηγαίο κώδικα μιας σελίδας ή να προβάλει όλα τα στοιχεία που αναπτύσσονται σε αυτήν, συνήθως το κάνετε από τον υπολογιστή.
Τώρα το iOS 8 έχει κάνει πολύ πιο εύκολη την προβολή της πηγής, των στοιχείων και των πόρων DOM μιας σελίδας. Και χάρη στις εκπληκτικές εφαρμογές τρίτων με υποστήριξη επεκτάσεων, μπορείτε να το κάνετε απευθείας στο Safari (το Chrome δεν υποστηρίζεται επειδή οι επεκτάσεις έχουν πρόσβαση DOM μόνο στο Safari).
Ας μιλήσουμε για τις δύο εφαρμογές που θα σας βοηθήσουν να προβάλετε και να αποθηκεύσετε τον πηγαίο κώδικα για οποιονδήποτε ιστότοπο όταν βρίσκεστε στο δρόμο.
Προβολή επέκτασης πηγής για Safari
Προβολή Πηγής (0,99 $) είναι μια απλή και ισχυρή εφαρμογή με επέκταση Safari. Κοστίζει 0,99 $, αλλά έρχεται με πολλές δυνατότητες.
Μόλις εγκατασταθεί η εφαρμογή, μεταβείτε στο Safari, πατήστε το
Μερίδιο κουμπί, σύρετε προς τα δεξιά στην κάτω σειρά και πατήστε Περισσότερο. Από εδώ εναλλαγή Προβολή Πηγής. Αυτό θα ενεργοποιήσει την επέκταση.Περισσότερα για τις επεκτάσεις iOS 8: Οι επεκτάσεις iOS 8 γίνονται γρήγορα α ισχυρό εργαλείο. Ρίξε μια ματιά στο πώς λειτουργούν, ο καλύτερες επεκτάσεις κοινής χρήσης, και πώς μια επέκταση μπορεί να σας βοηθήσει να ενεργοποιήσετε το Safari σε ένα πλήρες πρόγραμμα λήψης.
Τώρα, μεταβείτε στη σελίδα, πατήστε το Μερίδιο κουμπί και επιλέξτε Προβολή Πηγής. Θα δείτε τον πηγαίο κώδικα της σελίδας σε όλο του το μεγαλείο. Πατήστε το Μερίδιο κουμπί για να εμφανιστεί το εγγενές φύλλο κοινής χρήσης. Από εδώ μπορείτε να στείλετε τον κωδικό σε μια εφαρμογή σημειώσεων ή να τον στείλετε μέσω email.
Παρακάτω θα δείτε τέσσερα κουμπιά – Στοιχεία, DOM, Σενάριο και Πληροφορίες.
Τα στοιχεία περιλαμβάνουν όλες τις εικόνες στη σελίδα. Μπορείτε να πατήσετε σε έναν σύνδεσμο για να δείτε μια προεπισκόπηση και να αποθηκεύσετε την εικόνα.
ο DOM Το κουμπί θα σας δείξει ένα μοντέλο δέντρου με μια ιεραρχική δομή των εγγράφων HTML, XML και SVG. Μπορείτε να πατήσετε σε οποιοδήποτε στοιχείο για να το επεκτείνετε.
ο Γραφή Το κουμπί σάς επιτρέπει να γράφετε και να εισάγετε Javascript σε οποιαδήποτε σελίδα (τοπικά). ο Πληροφορίες ο πίνακας εμφανίζει πληροφορίες για τη σελίδα.
Srcfari
Srcfari (0,99 $) είναι μια εναλλακτική λύση στην Προβολή πηγής. Ενώ η εφαρμογή θα σας δείξει τον πηγαίο κώδικα και τα στοιχεία όπως εικόνες, φύλλα στυλ CSS και σενάρια που εκτελούνται στη σελίδα, θα πρέπει να το κάνετε από την ίδια την εφαρμογή. Δεν υπάρχει επέκταση Safari για το Srcfari.
Τούτου λεχθέντος, η χρήση του Srcfari δεν είναι καθόλου κακή εμπειρία. Η εφαρμογή έχει ωραία τυπογραφία και κάνει πολύ καλύτερη δουλειά στην ανάλυση στοιχείων κατά σενάρια, CSS και εικόνες από την εφαρμογή Προβολή Προέλευσης. Ένα πρόβλημα που έχω με το Srcfari είναι ότι ενεργοποίησε την αναδίπλωση κειμένου για φύλλα στυλ CSS, αλλά όχι όταν προβάλλετε ολόκληρη την πηγή (κάτι που κάνει η εφαρμογή Προβολή Προέλευσης). Αυτό σημαίνει ότι θα υπάρξει αρκετή μετατόπιση και ζουμ, τουλάχιστον στο iPhone.
Εκτός από αυτό το Srcfari είναι η συνηθισμένη υπόθεση. Μπορείτε να αντιγράψετε τον πηγαίο κώδικα στο πρόχειρό σας ή να τον στείλετε μέσω email σε κάποιον. Μπορείτε επίσης να αποθηκεύσετε εικόνες χρησιμοποιώντας την εφαρμογή.
συμπέρασμα
Το Safari είναι πιθανώς ήδη το πρόγραμμα περιήγησης της επιλογής σας στο iOS (κυρίως επειδή το iOS δεν σας επιτρέπει να επιλέξετε το Chrome ως προεπιλογή). Εάν χρειάζεται να προβάλλετε τον πηγαίο κώδικα αρκετά συχνά, η εφαρμογή Προβολή πηγής 0,99 $ με την επέκταση Safari θα αξίζει την τιμή.
Χρησιμοποιείτε συνήθως το iPhone ή το iPad σας για την αντιμετώπιση προβλημάτων ιστότοπων; Ή για να δούμε τι συμβαίνει με αυτούς; Ενημερώστε μας στα σχόλια παρακάτω.