Tự động thao tác phần tử web bằng selector (Smart HTML)

Điều kiện cần#

• Đã thêm lệnh Smart HTML vào macro.
• Chuẩn bị dữ liệu hoặc mục tiêu mà Smart HTML sẽ sử dụng.

Chế độ hỗ trợ#

• Chế độ Browser

Chức năng này làm gì#

Lệnh Smart HTML thao tác trực tiếp lên phần tử web (nút, ô nhập, link...) bằng selector thông minh đã ghi lại, thay vì click theo tọa độ. Nó dò lại phần tử qua nhiều dấu hiệu (id, text, thuộc tính, cả Shadow DOM) nên ổn định kể cả khi giao diện đổi. Hỗ trợ rất nhiều hành động: click/gõ/hover, trích xuất text/thuộc tính/bảng, tích chọn, chọn dropdown, chờ và kiểm chứng.

Hình ảnh & video#

Khi nào nên dùng#

• Tự động hóa website chính xác theo phần tử (không lo lệch tọa độ).
• Điền form, bấm nút, chọn dropdown trên web.
• Trích xuất dữ liệu (text, link, bảng) từ trang.
• Chạy nền qua Chrome/CDP mà không chiếm chuột thật.

Khi nào không nên dùng#

• Không dùng cho ứng dụng Desktop, canvas không có DOM hữu dụng hoặc selector chưa được xác minh.

Các bước cấu hình#

1. Dùng công cụ ghi/chọn phần tử (Extension) để lấy selector của phần tử cần thao tác.
2. Thêm lệnh Smart HTML, chọn hành động (Click, Gõ, Trích xuất...).
3. Chọn chế độ chạy: Auto/CDP (nền), Extension (trình duyệt đang mở), hoặc Real Mouse (chuột thật).
4. (Với Gõ) nhập nội dung; (với Trích xuất) đặt biến kết quả. Lưu.

Giải thích từng tùy chọn#

Kết quả mong đợi#

Sau khi chạy, Smart HTML hoàn tất thao tác đã mô tả và cung cấp kết quả cho bước tiếp theo.

Ví dụ thực tế#

Giới hạn và trường hợp lỗi#

• Selector, iframe/shadow context và execution mode quyết định target; trang thay DOM có thể làm action trượt.

Mẹo & lỗi thường gặp#

Thông tin kiểm chứng#

• commands/smart_html.py

Lệnh liên quan#