Công cụ phủ sóng xây dựng cho các công cụ dành cho nhà phát triển chrome

Question

Tôi đang tìm cách mở rộng các công cụ dành cho nhà phát triển trong chrome để hỗ trợ 'what-just-ran'. Một cái gì đó như thế này - bạn bấm vào một nút ghi âm, làm một cái gì đó trên trang web, và ngừng ghi âm. Trong các công cụ dev, nó sẽ hiển thị phần nào của mã được chạy - giống như phạm vi mã động. Từ những gì tôi đọc trên tài liệu, không có cách nào trực tiếp. Tôi đã được hack xung quanh với dev-front-end (nguồn cho các công cụ phát triển) bằng cách thiết lập các điểm ngắt trên mỗi dòng và tìm thấy những gì dòng thực hiện, đó là về cách xa tôi có thể đi. Dự án này có khả thi với các API tiện ích mở rộng của Chrome hiện tại hoặc thậm chí là các thay đổi giao diện người dùng không?

Answer 1

JS heatmap profiler slash code coverage tool thực hiện điều đó bằng cách xử lý trước JavaScript.

Answer 2

Timeline có tất cả các render cộng này và tải thông tin. Dữ liệu dòng thời gian được hiển thị qua Remote debugging API cũng như bất kỳ dữ liệu DevTools nào khác có.