Selector Forge, một tiện ích mở rộng trình duyệt (hỗ trợ Chrome & Firefox, MV3) mã nguồn mở mới ra mắt, do Intuned phát triển, đang tạo nên làn sóng đáng chú ý trong giới công nghệ. Công cụ này được thiết kế để tạo ra các bộ chọn CSS và XPath cực kỳ mạnh mẽ, đáng tin cậy trực tiếp từ các trang web đang hoạt động, giúp đơn giản hóa đáng kể quy trình thu thập dữ liệu web, kiểm thử đầu cuối và tự động hóa trình duyệt.
Điểm đột phá của Selector Forge nằm ở khả năng kết hợp các đề xuất từ AI với quá trình xác minh DOM thời gian thực ngay bên trong trình duyệt. Điều này đảm bảo rằng các bộ chọn được tạo ra không chỉ chính xác mà còn ổn định và linh hoạt trước những thay đổi về bố cục trang web.
Kiến Trúc Kỹ Thuật và Cách Hoạt động 🤖⚙️
Các công cụ tạo bộ chọn truyền thống thường dựa vào các quy tắc phân cấp cứng nhắc hoặc so khớp thuộc tính đơn giản, dễ dàng bị phá vỡ khi bố cục trang web thay đổi. Selector Forge, ngược lại, sử dụng một phương pháp lai mới mẻ: một AI phụ trợ đề xuất các bộ chọn tiềm năng, nhưng tiện ích mở rộng trên trình duyệt cục bộ vẫn là nguồn chân lý tuyệt đối.
Vòng lặp Xác minh Độc đáo
Selector Forge hoạt động theo một quy trình xác minh chặt chẽ:
1. Chọn lọc: Người dùng di chuột và nhấp vào (các) phần tử mục tiêu trên trang web đang hoạt động bằng lớp phủ chọn trực quan. 2. Chụp nhanh: Tiện ích mở rộng chụp một ảnh chụp nhanh nhỏ gọn (các mục tiêu đã chọn, ngữ cảnh DOM cục bộ, các bộ chọn ban đầu) và truyền an toàn đến máy chủ phụ trợ. 3. Đề xuất & Xác minh AI: AI phụ trợ đề xuất và xếp hạng các bộ chọn CSS và XPath ứng viên tiềm năng. Tiện ích mở rộng ngay lập tức kiểm tra mọi ứng viên đối với DOM trực tiếp và gửi kết quả khớp ngược lại cho máy chủ phụ trợ. Vòng lặp xác minh chủ động này tiếp tục theo thời gian thực cho đến khi tìm được bộ chọn phù hợp nhất. 4. Kết quả: Popup của tiện ích chỉ hiển thị các bộ chọn đã được xác minh lại, mạnh mẽ, cùng với nút sao chép tiện lợi chỉ bằng một cú nhấp chuột.
Ranh giới Tin cậy & Các Rào chắn An toàn
Kalera News đánh giá cao cách tiếp cận thận trọng của Selector Forge trong việc tích hợp AI. Điều này đặc biệt quan trọng:
* Trạng thái do tiện ích điều khiển: Tiện ích mở rộng trình duyệt duy trì trạng thái của phiên tạo bộ chọn, đảm bảo tính nhất quán. * Xác minh lại bắt buộc bởi trình duyệt: Vì các mô hình AI có thể "gây ảo giác" (hallucinate), trình duyệt được coi là nguồn chân lý tuyệt đối. Các bộ chọn do AI đề xuất không bao giờ được tin tưởng một cách mù quáng; chúng luôn được xác minh chủ động đối với DOM trực tiếp trước khi được trình bày cho người dùng. Đây là một điểm mấu chốt để đảm bảo độ tin cậy. * Xác thực danh sách: Đối với việc chọn danh sách các phần tử lặp lại, quá trình xác thực kiểm tra toàn bộ tập hợp dự định để ngăn chặn việc chọn quá mức (chọn các phần tử không mong muốn) hoặc thiếu sót (bỏ lỡ các phần tử mục tiêu).
Tính năng Nổi bật & Chế độ Chọn lọc ✨🎯
Selector Forge cung cấp hai chế độ tương tác chính, đơn giản hóa việc tìm bộ chọn:
1. Chọn lọc Đơn lẻ: Chọn một phần tử duy nhất (như nút, trường nhập liệu, liên kết hoặc nhãn) để có được bộ chọn CSS và XPath bền vững nhất. 2. Chọn lọc Danh sách: Nhấp vào hai ví dụ từ một danh sách các phần tử lặp lại (ví dụ: kết quả tìm kiếm hoặc lưới sản phẩm), và Selector Forge sẽ tự động suy luận và xác minh bộ chọn chứa mạnh mẽ đại diện cho toàn bộ danh sách.
Môi trường Phát triển & Cộng tác 💻🧑💻
Dự án được xây dựng trên framework mở rộng hiện đại WXT, sử dụng React cho giao diện popup. Selector Forge có một không gian làm việc phát triển rất có cấu trúc, cho thấy sự đầu tư nghiêm túc vào chất lượng mã nguồn:
* Service worker nền (entrypoints/background.ts): Xử lý trạng thái phiên, vòng lặp xác minh tác nhân và các thao tác I/O mạng. * Content script (entrypoints/content.ts): Chèn lớp phủ chọn trực quan tương tác, tương tác với DOM và kiểm tra bộ chọn theo thời gian thực. * Kiểm thử Đơn vị và E2E: Bao gồm các bài kiểm thử đơn vị Vitest cho logic bộ chọn ngoại tuyến, các bài kiểm thử Vitest chế độ trình duyệt đối với DOM thực và các bài kiểm thử đầu cuối Playwright đối với tiện ích đã đóng gói.
Selector Forge hoàn toàn là mã nguồn mở và có sẵn trên GitHub, đánh dấu một bước tiến lớn về độ tin cậy trong kiểm thử tự động và thu thập dữ liệu. Đây là một công cụ đáng để các nhà phát triển và chuyên gia tự động hóa nghiên cứu và đóng góp.