WebGL Trace: Tiện ích mở rộng DevTools cho việc gỡ lỗi WebGL theo từng cuộc gọi
WebGL Trace, bởi arthurthkng, là một tiện ích mở rộng Chrome dành cho lập trình viên đồ họa và nhà phát triển web những người gỡ lỗi WebGL rendering. Nó nhúng vào công cụ phát triển của trình duyệt để làm cho việc kiểm tra cấp khung hình và cách ly lỗi trở nên thực tế trong quá trình phát triển. Công cụ này phơi bày thứ tự thực thi chi tiết, các chế độ trạng thái pipeline, và các dòng thời gian tài nguyên để giúp xác định lỗi rendering. Người dùng mục tiêu là các chuyên gia kỹ thuật cần có khả năng nhìn thấy xác định về thứ tự gọi vẽ, các vấn đề shader, và trạng thái texture bên trong trình duyệt.
WebGL Trace được sử dụng để làm gì?
Tiện ích mở rộng tích hợp với Chrome DevTools để ghi lại các khung hình riêng lẻ và trình bày một cái nhìn từng bước về hoạt động kết xuất. Nó ghi lại các lệnh gọi WebGL theo thứ tự thực thi và nhóm chúng theo các lần kết xuất, điều này giúp xác định lệnh gọi chính xác đã tạo ra sự cố hiển thị. Các nhà phát triển làm việc trên các động cơ hoặc thư viện tùy chỉnh như Three.js có thể phát lại một khung hình duy nhất để điều tra cách mã của họ ánh xạ đến các hoạt động của GPU.
Nó hiển thị shaders, textures và trạng thái pipeline như thế nào?
Kiểm tra pipeline và tài nguyên là trung tâm của công cụ. Mã nguồn shader có thể được xem cùng với báo cáo trạng thái biên dịch và liên kết trực tiếp, và textures được xem trước với quyền truy cập mip level, hỗ trợ lớp mảng và chế độ xem cube-face. Tiện ích mở rộng cũng phơi bày các gắn kết framebuffer, uniforms và các ràng buộc thuộc tính đỉnh để các kỹ sư có thể kiểm tra trạng thái GPU đã tạo ra một bản vẽ.
Các lệnh gọi API, lỗi và lịch sử tài nguyên được hiển thị như thế nào?
Các lệnh gọi được ghi lại theo thứ tự thời gian với việc kiểm tra chi tiết các tham số và giá trị trả về và báo cáo lỗi GL rõ ràng, điều này làm cho việc tìm nguyên nhân gốc rễ trở nên trực tiếp hơn. Một lịch sử tài nguyên GPU cho phép bạn theo dõi cách một bộ đệm, texture hoặc chương trình thay đổi qua một lần ghi lại. Giao diện bao gồm các điều khiển tìm kiếm và lọc để thu hẹp danh sách lệnh gọi dài đến các hoạt động quan trọng nhất.
Các bản ghi có thể được chia sẻ như thế nào và nó chạy ở đâu?
Tiện ích mở rộng hỗ trợ xuất các phiên đã ghi lại dưới dạng JSON để lưu trữ hoặc xem xét nhóm, cho phép phân tích ngoại tuyến có thể tái tạo. Nó được xây dựng cho các trình duyệt dựa trên Chromium, vì vậy nó chạy trên Chrome và các khách hàng máy tính tương tự trên Windows, macOS và Linux. Nhà phát triển định vị công cụ là nhẹ và tập trung hẹp vào các quy trình làm việc theo dõi và kiểm tra trạng thái WebGL.
Công cụ chuyên biệt phù hợp với các kỹ sư đồ họa hơn là các tác giả web thông thường
WebGL Trace là một lựa chọn chuyên biệt cho các nhà phát triển cần khả năng hiển thị xác định, cấp khung hình, được ghi nhận là một công cụ ngách thường được cộng đồng WebGL đón nhận. Phạm vi tập trung của nó khiến nó ít hữu ích cho việc gỡ lỗi DOM hoặc bố cục thông thường; các nhóm điều tra thứ tự gọi vẽ và tương tác shader sẽ thu được nhiều lợi ích nhất. Đối với những người dùng đó, tiện ích mở rộng cung cấp một cách lặp lại để ghi lại và tài liệu hóa các cuộc điều tra kết xuất để xem xét sau này.
