Inspector Lab: Công cụ DevTools trong trang cho thiết bị di động và hệ thống hạn chế
Inspector Lab - DevTools, được tạo bởi Luan Gjokaj, nhúng một bộ công cụ phát triển bên trong trang để hỗ trợ gỡ lỗi khi các bảng điều khiển gốc không khả dụng. Nó cung cấp kiểm tra DOM, chỉnh sửa HTML và CSS trực tiếp, một bảng điều khiển, giám sát mạng và một trình xem nguồn cho việc gỡ lỗi trong trang. Tiện ích mở rộng này phù hợp với các nhà phát triển web, nhà thiết kế UI và kỹ sư QA cần kiểm tra cấp độ máy tính để bàn trên iPad hoặc các hệ thống từ xa và thích một công cụ mã nguồn mở được thực thi cục bộ mà không cần thu thập dữ liệu bên ngoài.
Công cụ giải quyết khoảng trống quy trình nào?
Inspector Lab nhắm đến các tình huống mà bảng điều khiển nhà phát triển riêng biệt của trình duyệt không thể truy cập, chẳng hạn như trình duyệt di động hoặc hệ thống từ xa bị khóa. Công cụ này chỉ kích hoạt khi bạn nhấp vào biểu tượng thanh công cụ của nó, sử dụng quyền activeTab của tiện ích mở rộng để kiểm tra trang hiện tại. Thiết kế của nó cố ý phản chiếu các quy trình kiểm tra quen thuộc để các nhà phát triển có thể chuyển giao thói quen gỡ lỗi hiện có sang một giao diện nhúng mà không cần dựa vào kết nối gỡ lỗi riêng biệt.
Nó hoạt động như thế nào trên iPad và trong các môi trường bị hạn chế?
Công cụ hỗ trợ iPadOS bằng cách chạy trong trình duyệt Orion và chạy trong các trình duyệt máy tính để bàn dựa trên Chromium, vì vậy nó hoạt động ở những nơi mà Chrome di động tiêu chuẩn không thể lưu trữ các tiện ích mở rộng. Nó sử dụng các API tiện ích mở rộng tiêu chuẩn thay vì giao thức gỡ lỗi, cho phép nó hoạt động trong các môi trường chặn quyền truy cập ở cấp độ giao thức. Kiến trúc đó giải thích tại sao công cụ kiểm tra hoạt động trên các hệ thống bị hạn chế nơi mà gỡ lỗi gốc không có sẵn.
Nó có giữ dữ liệu kiểm tra riêng tư không?
Quyền riêng tư là rõ ràng: dự án là mã nguồn mở theo giấy phép MIT và nhà phát triển duy trì mã nguồn công khai trên GitHub, và tiện ích mở rộng không thu thập bất kỳ dữ liệu telemetry nào hoặc truyền dữ liệu đến các máy chủ bên ngoài. Tất cả các kiểm tra và gỡ lỗi diễn ra cục bộ bên trong trình duyệt, vì vậy cookie, chỉnh sửa lưu trữ và đánh giá bảng điều khiển không rời khỏi thiết bị. Mô hình chỉ cục bộ này phù hợp với những người dùng cần khắc phục sự cố trên thiết bị mà không cần backend từ xa.
Ai được lợi và nó phù hợp như thế nào trong việc gỡ lỗi hàng ngày?
Các nhà phát triển web, nhà thiết kế UI và kỹ sư QA nhận được nhiều giá trị nhất vì công cụ tái tạo nhiều quy trình DevTools trên máy tính để bàn trong khi chạy bên trong trang; nó cũng hỗ trợ xem các tập lệnh và kiểu với đánh dấu cú pháp. Các trình duyệt tương thích bao gồm Chrome, Edge và Brave trên máy tính để bàn cùng với Orion trên iPad. Hãy chuẩn bị cho một khoảng thời gian điều chỉnh: một số quy trình ở cấp độ giao thức liên quan đến giao diện gỡ lỗi có thể khác biệt vì công cụ dựa vào các API tiện ích mở rộng.
Một lựa chọn thực dụng cho các nhà phát triển cần kiểm tra ngoài bảng điều khiển máy tính để bàn
Inspector Lab là một lựa chọn thực tế cho các nhà phát triển yêu cầu gỡ lỗi kiểu máy tính để bàn trên iPad hoặc các hệ thống bị khóa, và cách tiếp cận mã nguồn mở, không theo dõi phù hợp với các quy trình làm việc tập trung vào quyền riêng tư. Sự đánh đổi chính là sự khác biệt ở cấp API so với kết nối gỡ lỗi, điều này có thể ảnh hưởng đến các quy trình làm việc giao thức nâng cao. Hãy thử nó trên một trang kiểm tra đơn lẻ để xác nhận sự tương đương của phím tắt và điểm dừng kịch bản trước khi chuyển toàn bộ quy trình gỡ lỗi.
