• Chuyển tới điều hướng chính
  • Bỏ qua nội dung chính
  • Skip to sidebar chính
  • Bỏ qua tới chân

TechLila

Chảy máu mép, luôn luôn

  • Trang chủ
  • Giới thiệu
  • Liên hệ
  • Ưu đãi và Ưu đãi
Logo Techlila
Chia sẻ
Tweet
Chia sẻ
Pin
4 cổ phiếu
CMS hoặc HTML
Tiếp theo

CMS hoặc HTML: Doanh nghiệp nhỏ nên chọn gì cho trang web của họ

Cách gỡ lỗi từ xa ứng dụng web trên Android

TechLila di động Android

Cách gỡ lỗi từ xa ứng dụng web trên Android

Hình đại diện của Virendra Rajput Virendra Rajput
Cập nhật lần cuối vào: Tháng Một 9, 2022

Ngày nay web đang được duyệt trên điện thoại di động nhiều hơn trên máy tính để bàn. Vì các thiết bị đã thực sự di động và kích thước màn hình nhỏ hơn. Vì vậy, nếu bạn đang phát triển một ứng dụng web, bạn không thể tránh được hỗ trợ cho điện thoại di động (Android hoặc iOS). Các trang web bị hỏng hoặc trông tồi tệ trên màn hình di động thực sự có thể gây tổn hại đến danh tiếng trực tuyến của bạn. Trải nghiệm người dùng trên điện thoại hoàn toàn khác với máy tính để bàn. Vì vậy, các nhà phát triển phải đặc biệt thiết kế các ứng dụng để thích ứng với màn hình di động.

Google Chrome Dev, cung cấp các công cụ cho phép bạn kiểm tra, gỡ lỗi, phân tích trải nghiệm trên thiết bị và bạn có thể sử dụng công cụ Chrome Dev trên máy cục bộ để gỡ lỗi ứng dụng của mình trên thiết bị di động. Trong hướng dẫn này, chúng ta sẽ tìm hiểu về cách thiết lập máy phát triển cục bộ của bạn để gỡ lỗi từ xa trên Android. Chúng tôi sẽ gỡ lỗi qua kết nối USB giữa thiết bị di động và máy phát triển cục bộ của bạn.

Bạn sẽ yêu cầu những điều sau, để tiếp tục với gỡ lỗi từ xa:

  1. Điện thoại di động hoặc máy tính bảng Android đã cài đặt Chrome dành cho Android 28 (bạn có thể cài đặt nó từ ở đây).
  2. Cáp USB để kết nối thiết bị Android của bạn với máy phát triển cục bộ, đồng thời đảm bảo bạn đã cài đặt các ổ đĩa cần thiết để kết nối điện thoại di động Android với máy tính.
  3. Kiểm tra Danh sách trình điều khiển USB OEM và tìm ra các trình điều khiển phù hợp cho bạn.
  4. Đã cài đặt Chrome 28+ trên máy phát triển cục bộ của bạn.
  5. Đảm bảo rằng bạn đã cài đặt tiện ích mở rộng ADB Chrome trên máy phát triển cục bộ của mình. Bạn có thể cài đặt nó từ ở đây.

Trong hướng dẫn này, chúng tôi sẽ sử dụng Sony Xperia L (thiết bị Android) và Windows 7 trên máy phát triển cục bộ của chúng tôi. Vì vậy, hãy bắt đầu với gỡ lỗi từ xa:

1. Trước tiên, hãy đảm bảo rằng bạn đã bật chế độ Gỡ lỗi trên thiết bị Android của mình

Nếu bạn chưa kích hoạt, vui lòng tham khảo phần này:

  • Đối với người dùng trên Android 4.2, hãy tham khảo: http://www.thesmarthacks.com/2013/04/enabling-usb-debugging-mode-on-android.html.
  • Còn lại các bạn có thể tham khảo: http://www.groovypost.com/howto/mobile/how-to-enable-usb-debugging-android-phone/.

Để biết thêm thông tin về cách thiết lập thiết bị Android để phát triển, vui lòng tham khảo: http://developer.android.com/tools/device.html#setting-up.

2. Kết nối thiết bị Android của bạn

Bây giờ kết nối thiết bị Android của bạn với máy phát triển cục bộ của bạn bằng cáp USB. Sau khi bạn kết nối thiết bị Android của mình, bạn cần bật gỡ lỗi web USB trên điện thoại của mình, bằng cách khởi chạy Chrome trên Android sau đó, -> Cài đặt -> Công cụ dành cho nhà phát triển -> Chọn Bật gỡ lỗi web USB

Công cụ dành cho nhà phát triển Android

Khi chọn tùy chọn này nếu nó yêu cầu bạn xác nhận kết nối của bạn với máy phát triển, hãy chọn OK.

3. Gỡ lỗi

Sau khi cài đặt tiện ích mở rộng ADB, bạn sẽ thấy biểu tượng Android màu xám bên cạnh menu Chrome. Bây giờ hãy nhấp vào biểu tượng Android và chọn -> Khởi động ADB. Bây giờ nó sẽ chuyển sang màu xanh lục và sẽ hiển thị số lượng thiết bị được kết nối hiện tại. Sau đó nhấp vào biểu tượng và chọn -> Xem Mục tiêu Kiểm tra. Thao tác này sẽ mở một tab mới và sẽ hiển thị số lượng thiết bị Android được kết nối và các tab hiện đang mở trên chúng.

Kiểm tra bằng Công cụ phát triển Chrome

Bây giờ chọn tab từ danh sách mà bạn muốn gỡ lỗi. Thao tác này sẽ mở ra một Cửa sổ mới với Công cụ dành cho nhà phát triển.

Bảng điều khiển công cụ dành cho nhà phát triển

Bây giờ, hãy kiểm tra một số phần tử từ trang và phần tử đó sẽ được đánh dấu trong thiết bị di động Chrome theo thời gian thực.

Phần tử được đánh dấu trong Chrome Mobile
Phần tử được đánh dấu trong Ảnh chụp màn hình của Chrome dành cho thiết bị di động

Bằng cách này, bạn có thể sửa các lỗi cụ thể của thiết bị bằng cách gỡ lỗi từ các công cụ Dev. Bạn có thể thực thi các lệnh từ các công cụ Dev sẽ được thực thi trong thiết bị di động Chrome. Đồng thời xem các bảng khác nhau như Mạng, Tài nguyên, Dòng thời gian, Hồ sơ, Kiểm toán.

mạng

Giờ đây, bạn có thể sửa các lỗi cụ thể dành cho thiết bị di động và gỡ lỗi ứng dụng dành cho thiết bị di động theo thời gian thực thay vì triển khai ứng dụng của bạn trên máy chủ, sau đó truy cập ứng dụng đó từ điện thoại của bạn và gỡ lỗi. Google Chrome Dev cung cấp các công cụ này để giải quyết một vấn đề thực sự, dành cho các nhà phát triển đang xây dựng các ứng dụng tương thích với thiết bị.

Chia sẻ
Tweet
Chia sẻ
Pin
4 cổ phiếu

Tiết lộ: Nội dung được xuất bản trên TechLila hỗ trợ người đọc. Chúng tôi có thể nhận được hoa hồng cho các giao dịch mua được thực hiện thông qua các liên kết liên kết của chúng tôi mà bạn không phải trả thêm phí. Đọc của chúng tôi Trang tuyên bố từ chối trách nhiệm để biết thêm về tài trợ, chính sách biên tập và cách hỗ trợ chúng tôi.

Chia sẻ là quan tâm

Chia sẻ
Tweet
Chia sẻ
Pin
4 cổ phiếu
Hình đại diện của Virendra Rajput

Virendra Rajput

Virendra Rajput là một lập trình viên và một hacker. Anh ấy là Đồng sáng lập tại Markitty. Anh ấy là một lập trình viên Python khó tính, người đam mê hack với nhiều API khác nhau. Trong thời gian rảnh rỗi, anh ấy thích làm việc với các dự án phụ.

Phân loại

  • Android
  • Thiết kế và phát triển web

Tương tác người đọc

Mọi người đang nói gì

  1. Hình đại diện của pedro miguelpedro miguel

    Rất vui được biết về Chrome Dev. Việc cung cấp nền tảng cho các nhà phát triển cho cả trình duyệt và thiết bị di động (iOS và Android) đang tăng lên từng ngày. Cảm ơn tất cả các bức ảnh chi tiết về quá trình gỡ lỗi.

    đáp lại
  2. Hình đại diện của Meetugặp gỡ

    Đây là bài viết thực sự tuyệt vời và hữu ích. Từ đây, chúng ta có thể hiểu các quy trình rõ ràng về Gỡ lỗi từ xa cho Ứng dụng web trên Android. Ngoài ra, các hình ảnh giải thích quy trình về Chrome Dev một cách rõ ràng và dễ dàng.

    đáp lại
  3. Hình đại diện của van wildervan hoang dã

    Chà! Android tuyệt vời!

    Không biết liệu điều đó có khả thi không

    đáp lại
  4. Hình đại diện của StephanStephan

    Tôi nghĩ rằng đây là bài viết thực sự hữu ích cho tất cả người dùng Android. đặc biệt là trong những ngày đó, rất nhiều ứng dụng cho trình duyệt và khiến người dùng thường nhầm lẫn.
    Tất cả các Fotos đều rất chi tiết và dễ dàng theo dõi tất cả các bước.
    Cám ơn vì những chia sẻ của bạn.

    Stephen Wu

    đáp lại
  5. Hình đại diện của SatishSatish

    Thực sự bài đăng này rất hữu ích để gỡ lỗi các ứng dụng web trên Android. Chưa nghĩ ra.

    đáp lại
  6. Hình đại diện của Karen DavidsonKaren Davidson

    Đây là một bài viết rất nhiều thông tin. Giờ đây, chúng tôi có thể gỡ lỗi từ xa các ứng dụng web trên Android.

    đáp lại
  7. Hình đại diện của James StevensJames Stevens

    Trình bày rất tốt, bài viết nhiều thông tin. Tôi luôn tự hỏi làm thế nào để gỡ lỗi từ xa các ứng dụng web nhưng các blog khác mà tôi đã đọc trước đây không đơn giản lắm. Cảm ơn bạn đã đặt nó thành những thuật ngữ rõ ràng dành cho những người trong chúng ta, những người đang đấu tranh để tuân theo ngôn ngữ công nghệ.

    Như đã nói bởi Stephan, các hình ảnh rất chi tiết làm cho các hướng dẫn dễ dàng hơn để làm theo.

    đáp lại
  8. Hình đại diện của Peter FordPeter Ford

    Tôi đang tìm cách gỡ lỗi Samsung Galaxy S3 của mình. Tôi nghĩ rằng tôi đã đến đúng nơi vì hướng dẫn của bạn đã thực sự hữu ích và tôi đã gỡ lỗi thành công thiết bị của mình. Cảm ơn rất nhiều vì sự giúp đỡ.

    đáp lại
  9. Hình đại diện của Mahesh SrivastavaMahesh Srivastava

    Chà! Tôi không biết bạn có thể làm điều này với điện thoại Android của mình.

    Cảm ơn!

    đáp lại
  10. Hình đại diện của BethanyBethany

    Thực sự tuyệt vời, tôi chưa bao giờ nghĩ rằng việc gỡ lỗi có thể được thực hiện từ xa, đặc biệt cho các ứng dụng Android…

    đáp lại
  11. Hình đại diện của AliciaAlicia

    Chào,

    Cảm ơn, cuối cùng tôi đã thực hiện gỡ lỗi từ xa, thực sự hữu ích.

    đáp lại

Thêm nhận xét của bạn Hủy bỏ trả lời

Chúng tôi sẽ không công khai email của bạn. Các ô đánh dấu * là bắt buộc *

Sidebar chính

Phổ biến

Cách tăng tốc độ băng thông rộng trên Windows

10 trình khởi chạy Android tốt nhất năm 2021

Những việc cần làm sau khi cài đặt Windows 10 - Mẹo và thủ thuật Windows 10

10 công cụ tìm kiếm hàng đầu mà bạn có thể sử dụng để tìm kiếm trên web một cách riêng tư

55 sự thật thú vị về máy tính sẽ thổi bay tâm trí của bạn

Cần tìm gì khi mua máy tính xách tay - Hướng dẫn mua máy tính xách tay

Fusion Drive Vs SSD - Những điều không ai nói với bạn về Fusion và SSD Storage

Công cụ hữu ích

• Grammarly - Trình kiểm tra ngữ pháp miễn phí
• SEMRush - Công cụ SEO tốt nhất được các chuyên gia tin cậy
• Setapp - Đăng ký một cửa cho Mac và iOS

Chủ đề xu hướng

  • Android
  • Internet
  • iPhone
  • Linux
  • Áo tơi đi mưa
  • Bảo vệ
  • Truyền thông xã hội
  • Công nghệ
  • cửa sổ

Kiểm tra giá trị

10 Bộ cân bằng âm thanh tốt nhất cho Windows 10 (Phiên bản 2022!)

14 Skins VLC tốt nhất được đề xuất cao và miễn phí

Footer Biểu trưng Biểu trưng Văn bản Chân trang

Footer

Giới thiệu

Xin chào và chào mừng bạn đến với TechLila, blog công nghệ nổi tiếng nơi bạn có thể tìm thấy các bài viết bổ ích để nắm vững kiến ​​thức cơ bản và hơn thế nữa.

Tại TechLila, mục tiêu chính của chúng tôi là cung cấp thông tin độc đáo, chẳng hạn như các mẹo và thủ thuật chất lượng, hướng dẫn, hướng dẫn cách thực hiện trên Windows, Macintosh, Linux, Android, iPhone, Security và một số chủ đề phụ khác như đánh giá.

Liên kết

  • Giới thiệu
  • Liên hệ Chúng tôi
  • Từ chối trách nhiệm
  • Chính sách Bảo mật
  • Các điều khoản

Theo

Chủ đề tùy chỉnh sử dụng khung Genesis

Dịch vụ lưu trữ đám mây của Cloudways

Ngôn ngữ

en English
bg Българскиzh-CN 简体中文nl Nederlandsen Englishtl Filipinofr Françaisde Deutschid Bahasa Indonesiait Italianoja 日本語pl Polskipt Portuguêsro Românăru Русскийsr Српски језикes Españolsv Svenskatr Türkçeuk Українськаvi Tiếng Việt

© Bản quyền 2012–2023 TechLila. Tất cả các quyền.