Debuggable Browser

David Pertiller

Περιγραφή εφαρμογής

Τι είναι;
Απλώς ένα WebView με δυνατότητα εντοπισμού σφαλμάτων, επιτρέποντάς σας να χρησιμοποιήσετε τα Εργαλεία προγραμματιστών του Chrome (που εκτελούνται στον υπολογιστή ή το Mac σας) για να ελέγξετε και να εντοπίσετε τον εντοπισμό σφαλμάτων στην εφαρμογή ιστού σας ενώ εκτελείται στην πραγματική συσκευή σας .

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


Ποια είναι η χρήση του;
Εάν έχετε ανοίξει ποτέ τον ιστότοπό σας στο πρόγραμμα περιήγησης μετοχών Android και αντιμετωπίσατε ένα από τα ακόλουθα ζητήματα, αυτή η εφαρμογή μπορεί να αποδειχθεί χρήσιμη για εσάς:
& # 8226; & # 8195; Η διάταξη ή το στυλ του ιστότοπού σας φαίνεται κατεστραμμένη όταν προβάλλεται στο πρόγραμμα περιήγησης μετοχών Android
& # 8226; & # 8195; Ο κώδικας JavaScript δεν παρήγαγε το αναμενόμενο αποτέλεσμα ή ο υπολογισμός πρέπει να είχε σταματήσει ξαφνικά κατά την εκτέλεση (ίσως να έχει γίνει εξαίρεση ;)
& # 8226; & # 8195; Οι κινούμενες εικόνες είναι καθυστερημένες ή απλώς δεν κινούνται όπως αναμένεται

Περιγραφή
Μερικές φορές συμβαίνει ότι μια εφαρμογή ιστού δεν λειτουργεί σε προγράμματα περιήγησης για κινητά, παρόλο που λειτουργεί καλά σε προγράμματα περιήγησης για επιτραπέζιους υπολογιστές. Ακόμα χειρότερα, μερικές φορές τα ελαττώματα εμφανίζονται μόνο σε (ορισμένες) κινητές συσκευές, επομένως δεν μπορείτε να την προσομοιώσετε και να την αναπαραγάγετε σε ένα πρόγραμμα περιήγησης επιτραπέζιου υπολογιστή. Εδώ αποδεικνύεται χρήσιμο το απομακρυσμένο εντοπισμό σφαλμάτων με τα DevTools Chrome. Ενώ το Chrome για Android το υποστηρίζει τέλεια ήδη, το πρόγραμμα περιήγησης μετοχών Android δεν το υποστηρίζει. Αυτό είναι ατυχές, καθώς πολλά σφάλματα Android φαίνεται να εμφανίζονται μόνο στο πρόγραμμα περιήγησης και όχι στο Chrome ούτως ή άλλως.
Επομένως, αυτή η εφαρμογή σάς επιτρέπει να εκτελείτε ιστότοπους εντός του εγγενούς προγράμματος περιήγησης (WebView), ενώ σας δίνεται η δυνατότητα να επιθεωρήστε και διορθώστε τη σελίδα με τα Chrome DevTools.

Πώς να ξεκινήσετε τον απομακρυσμένο εντοπισμό σφαλμάτων;
1. Ενεργοποιήστε τη Λειτουργία προγραμματιστή στη συσκευή σας Android και συνδέστε τη με τον υπολογιστή / Mac σας
2. Ανοίξτε αυτήν την εφαρμογή και μεταβείτε στον ιστότοπό σας εισάγοντας τη διεύθυνση URL της
3. Στον υπολογιστή / Mac σας, ανοίξτε το Chrome και πληκτρολογήστε "chrome: // inspect" στη γραμμή διευθύνσεων
4. Στο Chrome, επιλέξτε "Ανακαλύψτε συσκευές USB" και θα εμφανίσει την ιστοσελίδα που έχετε ανοίξει στη συσκευή σας
5. Πατήστε Επιθεώρηση και απολαύστε απομακρυσμένο εντοπισμό σφαλμάτων της εφαρμογής με τα Εργαλεία προγραμματιστών Chrome

Για περισσότερες πληροφορίες, διαβάστε: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Τι νέο υπάρχει

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!