Πώς να χρησιμοποιήσετε το Web Inspector σε iPhone: 15 βήματα (με εικόνες)

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

Πώς να χρησιμοποιήσετε το Web Inspector σε iPhone: 15 βήματα (με εικόνες)
Πώς να χρησιμοποιήσετε το Web Inspector σε iPhone: 15 βήματα (με εικόνες)

Βίντεο: Πώς να χρησιμοποιήσετε το Web Inspector σε iPhone: 15 βήματα (με εικόνες)

Βίντεο: Πώς να χρησιμοποιήσετε το Web Inspector σε iPhone: 15 βήματα (με εικόνες)
Βίντεο: Από Android σε iPhone - Πόσο εύκολο ή δύσκολο είναι ; 2024, Απρίλιος
Anonim

Αυτό το wikiHow σας διδάσκει πώς να χρησιμοποιείτε την εφαρμογή Safari της Apple για επιτραπέζιους υπολογιστές για να ελέγχετε την απόδοση των ιστοσελίδων για κινητά στο Safari για iPhone.

Βήματα

Μέρος 1 από 3: Ενεργοποίηση Web Inspector στο iPhone σας

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 1
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 1

Βήμα 1. Ανοίξτε τις Ρυθμίσεις του iPhone σας

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

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 2
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 2

Βήμα 2. Κάντε κύλιση προς τα κάτω και πατήστε Safari

Βρίσκεται στην τέταρτη ή πέμπτη ομάδα ρυθμίσεων, μαζί με άλλες εφαρμογές Apple iPhone, όπως η αλληλογραφία και οι επαφές.

Χρήση Web Inspector σε iPhone Βήμα 3
Χρήση Web Inspector σε iPhone Βήμα 3

Βήμα 3. Κάντε κύλιση προς τα κάτω και πατήστε Για προχωρημένους

Βρίσκεται στο κάτω μέρος του μενού.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 4
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 4

Βήμα 4. Σύρετε το κουμπί δίπλα στο "Web Inspector" στη θέση "On"

Είναι η τελευταία επιλογή και θα γίνει πράσινη όταν είναι ενεργοποιημένη.

Μέρος 2 από 3: Ενεργοποίηση Web Inspector στο Mac σας

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 5
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 5

Βήμα 1. Ανοίξτε το Safari στο Mac σας

Είναι η εφαρμογή που μοιάζει με μπλε πυξίδα.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 6
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 6

Βήμα 2. Κάντε κλικ στο Safari

Βρίσκεται στη γραμμή μενού στην επάνω αριστερή γωνία της οθόνης.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 7
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 7

Βήμα 3. Κάντε κλικ στις Προτιμήσεις

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 8
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 8

Βήμα 4. Κάντε κλικ στο ⚙️Επικεφαλής

Είναι η δεξιά καρτέλα στο επάνω μέρος του παραθύρου.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 9
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 9

Βήμα 5. Ελέγξτε "Εμφάνιση μενού ανάπτυξης στη γραμμή μενού

" Είναι στο κάτω μέρος του παραθύρου.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 10
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 10

Βήμα 6. Συνδέστε το iPhone σας

Χρησιμοποιήστε το καλώδιο USB που συνοδεύει τη συσκευή σας για να συνδέσετε το iPhone σας στο Mac σας.

Μέρος 3 από 3: Χρήση του Web Inspector στο Safari για iPhone

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 11
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 11

Βήμα 1. Ανοίξτε έναν ιστότοπο

Στο Safari για iPhone, ανοίξτε την ιστοσελίδα για κινητά που θέλετε να κάνετε εντοπισμό σφαλμάτων.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 12
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 12

Βήμα 2. Κάντε κλικ στην επιλογή Ανάπτυξη

Είναι το τρίτο αναπτυσσόμενο μενού από τα δεξιά στο Safari για Mac.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 13
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 13

Βήμα 3. Κάντε κλικ στο iPhone σας

Θα εμφανιστεί στην κορυφή του μενού.

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 14
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 14

Βήμα 4. Κάντε κλικ στον ιστότοπο

Εμφανίζεται σε ένα αναδυόμενο παράθυρο στα δεξιά του iPhone σας.

Εάν δεν ανοίξατε έναν ιστότοπο στην εφαρμογή Safari του iPhone σας, θα εμφανιστεί το μήνυμα "Δεν υπάρχει δυνατότητα επιθεώρησης εφαρμογών"

Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 15
Χρησιμοποιήστε το Web Inspector σε iPhone Βήμα 15

Βήμα 5. Ελέγξτε τη σελίδα

Χρησιμοποιώντας το Safari στο Mac σας, μπορείτε να βελτιώσετε και να μετρήσετε την απόδοση των σελίδων για κινητά στο iPhone σας.

  • Ο Web Inspector σάς επιτρέπει να εκτελείτε εντολές σε JavaScript για να δημιουργήσετε μια πιο δυναμική, διαδραστική εμπειρία για τον χρήστη, όπως κινούμενα σχέδια και μηνύματα σε πραγματικό χρόνο.
  • Ελέγξτε τα στοιχεία DOM (Document Object Model) για σφάλματα στις εντολές HTML, XML ή JavaScript.
  • Χρησιμοποιήστε το CSS για να ενημερώσετε ή να επεξεργαστείτε τη διάταξη, τα χρώματα και τις γραμματοσειρές σε σελίδες για κινητά.

Συνιστάται: