Làm thế nào để tìm các phần tử bằng CSS Selector trong Selenium WebDriver

Câu trả lời

Trong Selenium WebDriver, các phần tử có thể được xác định bằng các bộ chọn CSS thông qua chiến lược By.CSS_SELECTOR. Điều này cho phép định vị chính xác các phần tử HTML dựa trên ID, lớp, thuộc tính, cấu trúc phân cấp hoặc mối quan hệ cấu trúc trong DOM. Đây là một trong những chiến lược định vị nhanh nhất và linh hoạt nhất cho các tác vụ tự động hóa trình duyệt và quét dữ liệu.

Giải thích chi tiết

Các bộ chọn CSS trong Selenium là các mẫu được sử dụng để khớp các phần tử trong Mô hình Đối tượng Tài liệu (DOM). Chúng sử dụng cú pháp CSS tiêu chuẩn như các bộ chọn lớp (.class), bộ chọn ID (#id), bộ chọn thuộc tính ([type="text"]), và các toán tử kết hợp như quan hệ hậu duệ (div p) hoặc quan hệ con (div > p). Selenium chuyển đổi các bộ chọn này thành các truy vấn DOM để định vị các nút phù hợp một cách hiệu quả.

Bên trong, trình duyệt giải quyết các bộ chọn CSS một cách bản địa, thường khiến chúng nhanh hơn XPath. Tuy nhiên, có những giới hạn: CSS không thể tìm kiếm trực tiếp bằng nội dung bên trong, và việc đi ngược lên các phần tử (như truy vấn ngược) có thể yêu cầu XPath thay thế. Trên các trang web động, các phần tử cũng có thể không được tìm thấy nếu chúng chưa được hiển thị hoặc nằm trong các iframe hoặc cấu trúc DOM bóng (shadow DOM).

Giải pháp / Phương pháp

• Sử dụng cơ bản của các bộ chọn: Sử dụng driver.find_element(By.CSS_SELECTOR, "#id") hoặc .class để định vị các phần tử duy nhất hoặc có thể tái sử dụng một cách hiệu quả.
• Chọn dựa trên thuộc tính: Sử dụng các bộ chọn như input[type="submit"] hoặc div[data-test="value"] để định vị các phần tử ổn định cho tự động hóa.
• Chọn cấu trúc nâng cao với hỗ trợ tự động hóa: Kết hợp các bộ chọn như div.container > ul li.active để đi sâu vào DOM chính xác. Khi xử lý các trang web được bảo vệ bởi quản lý bảo mật hoặc có cấu trúc động phức tạp, các nền tảng tự động hóa kết hợp với dịch vụ giải CAPTCHA như CapSolver có thể giúp duy trì quy trình quét dữ liệu liên tục.

Thực hành tốt / Mẹo

Đối với tự động hóa Selenium ổn định, hãy ưu tiên sử dụng ID và các thuộc tính duy nhất khi có thể, vì chúng ít có khả năng thay đổi. Tránh các bộ chọn quá dài hoặc dễ vỡ liên quan đến cấu trúc DOM sâu. Sử dụng chờ đợi rõ ràng để đảm bảo các phần tử đã được tải hoàn toàn trước khi chọn, và giảm thiểu sự phụ thuộc vào tên lớp có thể được tạo động.

👉 Liên quan:

• Captcha Selenium Ruby
• Cách tích hợp Selenium
• Quét dữ liệu web với Selenium và Python

Sử dụng mã FAQ khi đăng ký tại CapSolver để nhận thêm 5% tiền thưởng khi nạp tiền.

FAQ CapSolver — capsolver.com