Công cụ phát hiện tràn DOM hiệu quả
Overflow Finder là một tiện ích mở rộng của Chrome giúp cải thiện DevTools bằng cách xác định các phần tử DOM gây ra vấn đề tràn. Nó thêm một tab chuyên dụng cho phép các nhà phát triển nhanh chóng xác định các phần tử khiến trang vượt quá kích thước viewport của nó, dù theo chiều ngang hay chiều dọc. Công cụ cung cấp một danh sách xếp hạng các thủ phạm, chi tiết khoảng cách tràn tính bằng pixel, cùng với thẻ của phần tử, id và danh sách lớp, giúp việc gỡ lỗi hiệu quả hơn.
Tiện ích mở rộng có các tùy chọn có thể hành động cho mỗi phần tử đã xác định, bao gồm cuộn đến phần tử, kiểm tra nó trong bảng phần tử, và xóa nó khỏi DOM để cải thiện khả năng hình dung của việc tái định hình trang. Một trang thử nghiệm tích hợp cho phép người dùng làm quen với các nguyên nhân tràn khác nhau. Đáng chú ý, nó duy trì quyền riêng tư của người dùng bằng cách hoạt động hoàn toàn ngoại tuyến, không thu thập dữ liệu hoặc thông tin telemetry.
