Xuất console.log() của Chrome ra file

Chúng ta có thể  dùng console.log() của Chrome để ghi log khi debug ứng dụng Javascript. Tuy nhiên vì chức năng này nằm trong Developer Tools của Chrome nên có thể hơi phiền phức, chúng ta có thể chuyển sang cách xuất nội dung console.log() ra file.

Trước tiên, khởi động Chrome lên kèm tham số –remote-debugging-port=9222
Ví dụ trên macOS sẽ là

open -a "Google Chrome" --args --remote-debugging-port=9222

Hoặc trên Windows

chrome.exe --remote-debugging-port=9222

Như vậy chúng ta có thể kết nối đến http://localhost:9222 để lấy log xuất ra của console.log()

Chi tiết về protocol các bạn có thể tham khảo tại https://developer.chrome.com/devtools/docs/debugger-protocol

Lúc này, chỉ việc gửi một request như ở dưới đến địa chỉ remote debugging port như trên thì Chrome sẽ trả về nội dung của console.log()

Nhân tiện khi xem qua Console API thấy có rất nhiều function hữu dụng cho việc debug.

Có một lưu ý là khi đang dùng một trình debugger ngoài kết nối đến cổng remote debug đó mà chúng ta lại bật DevTool của Chrome lên thì cổng đó sẽ bị đóng lại ngay lập tức. Do vậy không thể cùng lúc debug ở DevTool và thông qua cổng debug từ xa.

Nếu sử dụng thành thạo việc debug như trên thì có thể áp dụng vào nhiều thứ, nhất là tự động hoá thao tác browser.