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...