Android

Πώς να δείτε τον πηγαίο κώδικα ιστοσελίδας στο iphone και το ipad

Section, Week 2

Section, Week 2

Πίνακας περιεχομένων:

Anonim

Παρόλο που οι εφαρμογές 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. Μπορείτε να πατήσετε σε οποιοδήποτε στοιχείο για να το αναπτύξετε.

Το κουμπί Script σάς επιτρέπει να γράφετε και να εισάγετε Javascript σε οποιαδήποτε σελίδα (τοπικά). Ο πίνακας " Πληροφορίες" εμφανίζει πληροφορίες σχετικά με τη σελίδα.

Srcfari

Το Srcfari ($ 0, 99) είναι μια εναλλακτική λύση για την προβολή πηγής. Ενώ η εφαρμογή θα σας δείξει τον πηγαίο κώδικα και στοιχεία όπως εικόνες, φύλλα στυλ CSS και δέσμες ενεργειών που εκτελούνται στη σελίδα, θα πρέπει να το κάνετε από την ίδια την εφαρμογή. Δεν υπάρχει επέκταση του Safari για το Srcfari.

Τούτου λεχθέντος, η χρήση του Srcfari δεν είναι κακή εμπειρία καθόλου. Η εφαρμογή έχει ωραία τυπογραφία και κάνει πολύ καλύτερη δουλειά στην κατάργηση στοιχείων από δέσμες ενεργειών, CSS και εικόνες από την εφαρμογή View Source. Μια ασφυξία που έχω με το Srcfari είναι ότι επέτρεψε την περιτύλιξη κειμένου για τα φύλλα στυλ CSS, αλλά όχι όταν βλέπετε ολόκληρη την πηγή (την οποία κάνει η εφαρμογή Προβολή προέλευσης). Αυτό σημαίνει ότι πρόκειται να υπάρξει μια σωστή ποσότητα panning και ζουμ που εμπλέκονται, τουλάχιστον στο iPhone.

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

συμπέρασμα

Το Safari είναι πιθανώς ήδη το πρόγραμμα περιήγησης που έχετε επιλέξει στο iOS (κυρίως επειδή η iOS δεν σας επιτρέπει να επιλέξετε το Chrome ως προεπιλογή). Αν χρειάζεστε να βλέπετε τον πηγαίο κώδικα αρκετά συχνά, η εφαρμογή προβολής προέλευσης 0, 99 $ με την επέκταση του Safari αξίζει την τιμή.

Χρησιμοποιείτε συνήθως το iPhone ή το iPad για την αντιμετώπιση προβλημάτων σε ιστότοπους; Ή να δούμε τι συμβαίνει με αυτούς; Ενημερώστε μας στα σχόλια παρακάτω.