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

Bài đăng này đã không được cập nhật trong 4 năm

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à object, array 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

Note: Những hãng android khác nhau thì cách bật Developer mode cũng khác nhau, nếu như bạn không tìm thấy phần bật Developer mode trên điện thoại mình, hãy thử thao tác tại link này.

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 Number, Build 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