🌞

Một vài thay đổi đáng chú ý của Chrome 106

Sửa bài viết này

Group file theo Authored/Deployed

Source Code trong cửa sổ Sources thông thường được sắp xếp theo Deployed đến Authored, để tiện hơn trong lúc debug ở local, có thể đảo thứ tự này lại

Cải thiện Stack Trace

Luồn async

Thay vì như trước đây chỉ hiện một phần khi hàm thực thi là async, giờ chúng ta có đầy đủ nguồn gốc, xuất xứ ai đã gây ra hàm async này. Ví dụ như hình bên phải cho ta thấy thứ tự (ngược) là setTimeout > increment > onClick

Tự động bỏ qua code của third-party

Issue 100% đến từ source code của chúng ta, nên viện hiển thị những hàm của third-party đã chạy qua là không cần thiết trong Stack trace, nó sẽ tự động bị ẩn

Nếu không thích bạn có thể bật lại như cũ Settings > Ignore list > Automatically add known third-party scripts to ignore list

Ẩn danh sách file không quan tâm trong Source

Những source code như node_modules, webpack sẽ không phải là vấn đề cần quan tâm, và chúng ta có thể ẩn nó đi để đở rối mắt

Khi bật tính năng này, đồng thời khi chúng ta duyệt file sẽ không còn thấy những file trong danh sách bỏ qua

Một số thay đổi nhỏ khác, tham khảo đầy đủ hơn ở What's New In DevTools (Chrome 106)

Initializing...