ARUI DevTools: Bảng điều khiển Chrome DevTools cho việc gỡ lỗi microfrontend ARUI
Công cụ ARUI DevTools, được phát triển bởi Alfa-Bank (nhóm Alfa Digital/Alfa-Laboratory), là một tiện ích mở rộng Chrome dành cho các nhà phát triển frontend xây dựng microfrontends với thư viện ARUI. Nó thêm một tab DevTools chuyên dụng để hiển thị cách các mô-đun được tải, phiên bản và thực thi, cung cấp các chế độ xem dòng thời gian và thời gian tài nguyên cộng với nhật ký liên tục. Tiện ích mở rộng này nhắm đến các kỹ sư làm việc trong hệ sinh thái ARUI/arui-scripts, những người cần có cái nhìn rõ ràng về việc tải mô-đun phân tán và trình tự khởi động.
Công cụ ARUI DevTools được sử dụng để làm gì?
Công cụ này tập trung vào chẩn đoán microfrontend cho các dự án dựa trên ARUI. Nó tích hợp một tab DevTools mới hiển thị các bản mô tả module, nguồn và phiên bản đã tải, để các nhà phát triển có thể kiểm tra xem instance module nào mà ứng dụng đã sử dụng tại thời điểm chạy. Sự cụ thể đó khiến tiện ích mở rộng phù hợp với các nhóm dựa vào thư viện thành phần ARUI và arui-scripts thay vì các bảng kiểm tra mạng chung.
Nó xử lý khả năng hiển thị module và lỗi như thế nào?
Nó ánh xạ các lỗi module đến các trace ngăn xếp có thể hành động bên trong DevTools. Phần Lỗi ghi lại giai đoạn thất bại và cung cấp các khung ngăn xếp có thể nhấp để mở các tệp trong bảng Nguồn của trình duyệt, cho phép các kỹ sư nhảy từ một hàng lỗi đến tệp nguồn tương ứng mà không cần chuyển đổi công cụ. Bảng Modules liệt kê các bản mô tả nguồn và phiên bản để liên kết một lỗi với một gói cụ thể.
Nó ghi lại thời gian tải và giữ dữ liệu tốt như thế nào?
Nó ghi lại việc tải song song và giữ hồ sơ qua các lần tải lại để phân tích khởi động sớm. Hình ảnh dòng thời gian nổi bật các yêu cầu tài nguyên đồng thời và các nút thắt hàng đợi trong khi phân tích thời gian tài nguyên cho thấy các khoảng dừng giai đoạn tải. Sự tồn tại của dòng thời gian và dữ liệu tải qua các lần làm mới trang giúp phát hiện các vấn đề xảy ra trước khi các bảng truyền thống có thể ghi lại chúng.
Ai nên cài đặt nó và tại sao
ARUI DevTools là một lựa chọn thực tiễn, đặc thù cho các kỹ sư frontend được nhúng trong ngăn xếp microfrontend ARUI, những người cần có cái nhìn toàn diện về việc giải quyết module và trình tự khởi động. Hãy mong đợi một tiện ích mở rộng tập trung giúp rút ngắn con đường từ một lần tải thất bại đến module và tệp nguồn có trách nhiệm. Đối với các nhà phát triển bên ngoài hệ sinh thái ARUI, tiện ích mở rộng này cung cấp ít giá trị gia tăng hơn so với các bảng DevTools tiêu chuẩn.
