Uncategorized

Làm thế nào có thể xem được console.log của điện thoại ?

Nhiều web developer đã gặp phải trường hợp khi test trên thiết bị mobile gặp khó khăn trong việc debug, alert chỉ có thể được string, nếu là objectarray thì không xem được thuộc tính bên trong. Như vậy thì có cách nào xem được, debug chúng không, câu trả lời là có và chúng ta xem được thông qua thiết bị remote.

Trong bài viết này mình sẽ hướng dẫn mọi người cách debug trên thiết bị android trên trình duyệt Chrome

1 Set up trên android

  • Bật Developer mode

Với những điện thoại android chưa bật Developer mode, chúng ta sẽ bật nó trong phần cài đặt, ở màn hình thông tin phần mềm, ta sẽ ấn7 lần liên tiếp vào mục Build NumberBuild Number có thể khác nhau ở mỗi hãng, ở đây mình dùng điện thoại Asus để bật.

Setting -> System -> About phone -> Software information -> Build Number

Sau khi đã bật chế độ Developer mode, chúng ta sẽ thấy ở màn hình cài đặt hệ thống có mục Developer options, giờ chúng ta sẽ vào đó để bật chế độ USB debugging

Tiếp theo chúng ta hãy cắm cáp kết nối điện thoại vào máy rồi chuyển chế độ kết nối USB thành USB tethering

Các bước setup trên điện thoại đã xong, tiếp tới ta bật chế độ remote device trên chrome

2 Bật remote device trên Chrome

Chúng ta bật F12 -> More tools -> Remote devices, sẽ thấy một tab nhỏ mở ra và ấn vào đường link trong đó để vào phần quản lý remote device trên Chrome

chrome://inspect/#devices

Tại đây chúng ta đã nhìn thấy được thiết bị đang được remote Tiếp theo mình sẽ public host trên máy tính để điện thoại có thể connect được vào

Như vậy các bước setup remote device trên chrome đã hoàn tất, chúng ta sẽ ấn vào Inspect để xem debug.

One thought on “Làm thế nào có thể xem được console.log của điện thoại ?

Leave a Reply

Your email address will not be published. Required fields are marked *