Sao chép và Điền tự động (Copy & Autofill)
Sử dụng tối đa sức mạnh của Copiqo để sao chép nhanh các trường đơn lẻ hoặc điền tự động toàn bộ biểu mẫu web.
Mục tiêu
Trang tài liệu này hướng dẫn chi tiết hai thao tác cốt lõi của Copiqo: Sao chép trường đơn lẻ (phù hợp với mật khẩu, mã OTP) và Điền tự động (Autofill - điền đồng thời hàng chục ô nhập liệu chỉ với 1 click).
---
1. Cơ chế Sao chép nhanh (Fast Copy)
Sao chép nhanh cực kỳ hữu ích khi bạn chỉ cần lấy một giá trị cụ thể để điền vào một ô duy nhất trên trang web.
Cách sử dụng - Nhấn vào biểu tượng Sao chép (Copy icon) bên phải của bất kỳ trường dữ liệu nào. Giá trị sẽ được đưa ngay vào bộ nhớ đệm (clipboard) của bạn. - Hệ thống sẽ hiển thị hiệu ứng tích xanh và thông báo "Copied!" để bạn biết thao tác đã thành công.
Bảo vệ các trường bí mật (Secret Fields)
Đối với các dữ liệu nhạy cảm như Mật khẩu, Khóa API, Token:
- Khi tạo trường dữ liệu trong Copiqo, bạn có thể tích chọn thuộc tính Secret để ẩn giá trị dưới dạng dấu chấm tròn (••••••••).
- Giá trị này sẽ chỉ được sao chép khi bạn nhấp chuột trực tiếp, giảm thiểu tối đa rủi ro bị lộ màn hình khi đang quay video hoặc chia sẻ màn hình làm việc với đồng nghiệp.
---
2. Điền tự động biểu mẫu (Autofill)
Điền tự động giúp bạn tiết kiệm thời gian gõ thủ công khi thực hiện các bài test đăng ký tài khoản, điền thông tin thanh toán, hoặc cấu hình cài đặt hệ thống phức tạp.
Cách thức hoạt động
Khi bạn nhấp vào nút Autofill Record:
1. Copiqo sẽ duyệt qua cấu trúc trang web hiện tại để tìm các thẻ <input>, <textarea>, <select>.
2. Hệ thống so sánh tên trường (Field keys) trong Record của bạn với các thuộc tính HTML của thẻ nhập liệu trên trang theo thứ tự ưu tiên:
- Thuộc tính name (ví dụ: <input name="email">)
- Thuộc tính id (ví dụ: <input id="customer_email">)
- Thuộc tính placeholder (ví dụ: <input placeholder="Nhập địa chỉ email...">)
- Thuộc tính autocomplete (ví dụ: <input autocomplete="email">)
- Nội dung thẻ <label> được liên kết trực tiếp với ô nhập liệu đó.
3. Nếu khớp, Copiqo sẽ tự động gán giá trị và phát ra các sự kiện thay đổi giả lập (Synthetic Events) để các thư viện React, Vue hoặc Angular trên trang web nhận biết được dữ liệu đã được điền.
---
3. Tạo dữ liệu động với Faker Templates
Tự động sinh dữ liệu ngẫu nhiên mỗi lần điền
Copiqo tích hợp sẵn bộ phát sinh dữ liệu mẫu. Thay vì nhập giá trị cố định, bạn có thể sử dụng các cú pháp template để Copiqo tự sinh dữ liệu mới mỗi khi điền biểu mẫu:
- {{person.firstName}} -> Sinh tên ngẫu nhiên (ví dụ: Hương, Nam).
- {{internet.email}} -> Sinh email ngẫu nhiên.
- {{phone.number}} -> Sinh số điện thoại ngẫu nhiên.
---
Các vấn đề thường gặp khi Autofill không hoạt động
Các ô nhập liệu custom (Custom Components)
Một số trang web viết các ô nhập liệu giả lập bằng các thẻ <div> hoặc <span> thay vì dùng thẻ <input> chuẩn của HTML. Copiqo sẽ gặp khó khăn khi phát hiện các trường này. Trong tình huống đó, hãy dùng tính năng Copy nhanh từng trường.
Shadow DOM và Iframe Nếu form nhập liệu nằm bên trong một khung tài liệu phụ (Iframe) từ một nhà cung cấp bên thứ ba hoặc nằm sâu trong Shadow DOM, extension không có quyền truy cập trực tiếp do chính sách bảo mật của trình duyệt. Bạn sẽ cần điền thủ công hoặc sao chép từng trường.