Android

Πώς να εντοπίσετε σε ιστοσελίδες το Chrome για το Android σε υπολογιστή

How To Enable Cookies On Google Chrome [Tutorial]

How To Enable Cookies On Google Chrome [Tutorial]

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

Anonim

Ως διαχειριστής ενός ιστολογίου, διορθώσω τον προσωπικό μου ιστότοπο χρησιμοποιώντας το Chrome για να δούμε πώς θα φαίνεται οι αλλαγές στο θέμα και το CSS πριν να τις εφαρμόσουμε μόνιμα στο διακομιστή. Δεν ήμουν πολύ καιρό πριν όταν δεν έδωσα ποτέ προσοχή στις σελίδες για κινητά, καθώς μόνο λίγοι επισκέπτες επισκέπτονταν τον ιστότοπό μου χρησιμοποιώντας ένα smartphone. Αλλά σήμερα, ένα σημαντικό ποσοστό των επισκεπτών αποτελείται από smartphones και tablet και, ως εκ τούτου, έχει καταστεί απαραίτητο να φροντίσετε για εμφάνιση και παρουσίαση εκεί επίσης.

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

Debugging της ιστοσελίδας

Βήμα 1: Κατεβάστε και εγκαταστήστε το Android SDK στον υπολογιστή σας και εκτελέστε το. Ο εγκαταστάτης θα σας ζητήσει να κάνετε λήψη της Java αν δεν το έχετε εγκαταστήσει.

Για πρώτη φορά εκτελείτε το Android SDK στον υπολογιστή σας, θα σας ζητήσει να κάνετε λήψη πολλών API και εργαλείων. Εάν ο μοναδικός σας σκοπός για την εγκατάσταση του Android SDK είναι να διορθώσετε τις σελίδες, καταργήστε την επιλογή όλων των εργαλείων εκτός από το Android SDK Platform-tools και κάντε κλικ στο κουμπί Install Package.

Βήμα 2: Αφού εγκαταστήσετε τα εργαλεία πλατφόρμας Android, ανοίξτε το Run Box (Windows + R) και εκτελέστε το % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools για να ανοίξετε τον κατάλογο εργαλείων πλατφόρμας Android.

Βήμα 3: Τώρα πατήστε το πλήκτρο Ctrl + Shift και κάντε δεξί κλικ στο φάκελο για να ανοίξετε τη γραμμή εντολών εκεί. Μπορείτε επίσης να ανοίξετε τη γραμμή εντολών χρησιμοποιώντας το πλαίσιο Εκτέλεση και να μεταβείτε στο φάκελο με μη αυτόματο τρόπο.

Βήμα 4: Αφού ανοίξετε το Chrome στο τηλέφωνο Android σας, ανοίξτε τα εργαλεία Ρυθμίσεις-> Προγραμματιστές και ελέγξτε την επιλογή Ενεργοποίηση σφαλμάτων USB USB.

Βήμα 5: Τώρα στη γραμμή εντολών εκτελέστε την εντολή adb προς τα εμπρός tcp: 9222 localabstract: chrome_devtools_remote και ανοίξτε το πρόγραμμα περιήγησης Chrome στα Windows κατά την επιτυχή εκτέλεση.

Βήμα 6: Ανοίξτε τη σελίδα που θέλετε να εντοπίσετε σφάλμα στο πρόγραμμα περιήγησης Android Chrome και ανοίξτε τη διεύθυνση URL localhost: 9222 στο πρόγραμμα περιήγησης Chrome του υπολογιστή σας.

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

συμπέρασμα

Είμαι βέβαιος ότι αυτό το τέχνασμα θα βοηθήσει πολλούς web developers να βελτιστοποιήσουν τις ιστοσελίδες τους για smartphones. Έχω χρησιμοποιήσει το τέχνασμα για να διαμορφώσω τις ιστοσελίδες μου και λειτούργησε σαν γοητεία. Ωστόσο, εάν γνωρίζετε έναν καλύτερο τρόπο για να εντοπίσετε σφάλματα σε σελίδες smartphone στον υπολογιστή, μην το μοιραστείτε μαζί μας.