Bộ Chọn Phần Tử
Bộ chọn phần tử được sử dụng để xác định các phần tử trên trang. Ví dụ: nếu bạn muốn quy trình điền vào một biểu mẫu cụ thể trên trang bằng cách sử dụng Điền Biểu Mẫu, nó cần biết phần tử đầu vào nào để điền vào Với bộ chọn input.form-name
, nó sẽ yêu cầu quy trình điền vào phần tử <input />
bằng các form-name
classes.
Trong Automation, bạn có thể chọn một phần tử bằng cách sử dụng Bộ chọn CSS, biểu thức XPath hoặc Toạ độ
Tùy Chọn Bộ Chọn
Bạn sẽ tìm thấy các tùy chọn này khi chỉnh sửa một node bất kỳ
Bạn cũng có thể lựa chọn các tuỳ chỉnh theo chức năng của chúng.
Nhiều
Chọn nhiều phần tử khớp với bộ chọn. Theo mặc định, Automation chỉ chọn phần tử đầu tiên khớp với Bộ chọn.
Ví dụ khi sử dụng node Click chuột để click một danh sách các nút bấm. Thông thường khi muốn lặp qua một danh sách thì các bạn cần dùng node Lặp Dữ Liệu hay Lặp Phần Tử. Nhưng hiện tại bạn chỉ cần chọn lựa chọn Nhiều
là đã có thể click tất cả các nút trong danh sách.
Đánh Dấu Phần Tử
Đánh dấu phần tử đã được chọn, nghĩa là phần tử đó sẽ không được chọn nếu nó đã được chọn trước đó bởi cùng một node.
Ví dụ khi bạn có quy trình như thế này
và sử dụng Trích Văn Bản với bộ chọn .text
như chọn một đối tượng, và trang web DOM.
<div>
<p class="text" id="1">Text</p>
<p class="text" id="2">Text</p>
<p class="text" id="3">Text</p>
<p class="text" id="4">Text</p>
</div>
<div>
<p class="text" id="1">Text</p>
<p class="text" id="2">Text</p>
<p class="text" id="3">Text</p>
<p class="text" id="4">Text</p>
</div>
Khi Trích Văn Bản đang được thực thi, nó sẽ nhận phần tử đầu tiên khớp với bộ chọn là <p class="text" id="1">Text</p>
và vì tùy chọn phần tử đánh dấu được bật nên nó sẽ đánh dấu phần tử và trông như thế này <p class="text" id="1" block--block-id>Text</p>
.
<div>
<p class="text" id="1" block--block-id>Text</p>
<p class="text" id="2">Text</p>
<p class="text" id="3">Text</p>
<p class="text" id="4">Text</p>
</div>
<div>
<p class="text" id="1" block--block-id>Text</p>
<p class="text" id="2">Text</p>
<p class="text" id="3">Text</p>
<p class="text" id="4">Text</p>
</div>
Khi node Trích văn bản được thực thi lần thứ 2, nó sẽ thực hiện tương tự nhưng thay vì chọn <p class="text" id="1" block--block-id>Text</p>
nó sẽ chọn <p class="text" id="2">Text</p>
vì phần tử phần tử đầu tiên đã được đánh dấu.
Chỉ chọn trong màn hình
Chỉ thao tác với những phần tử đang hiển thị trên màn hình.
Ví dụ dưới đây khi chúng ta muốn click vào nút Download the Esty App
nằm ở cuối trang.
Bình thường thì chúng ta có thể thực hiện hành động click được
Nhưng với trường hợp chúng ta chọn lựa chọn Chỉ chọn trong màn hình
thì không thể click được
Chờ Bộ Chọn
Đợi cho đến khi selector
xuất hiện trên trang web. Nếu tại thời điểm kiểm tra selector
đã xuất hiện rồi, node ngay lập tức được thực thi. Nếu selector
không xuất hiện sau thời gian nhất định trong trường nhập thời gian chờ, quy trình sẽ báo lỗi ở logs.
Tạo Bộ Chọn
Nếu bạn không biết cách viết bộ chọn của riêng mình, bạn có thể sử dụng Bộ chọn của OmniLogin bằng cách chọn vào node trên thanh của node bạn đang tìm bộ chọn.
Bạn có thể chọn vào bất cứ chỗ nào để chọn một phần tử. Automation sẽ tạo bộ chọn tương ứng với phần tử đã chọn.
Chú ý
Bạn cần mở trình duyệt ở trang mà bạn muốn tìm bộ chọn phần tử. Khi đó khi nhấn vào biểu tượng thì bạn sẽ tự động được chuyển đến trang đang hoạt động. Nếu bạn đã nhấn vào biểu tượng mà không được chuyển đến, thì hãy nhấn vào trình duyệt đang mở.
Tuỳ chỉnh bộ chọn
Automation hỗ trợ các bộ chọn tiêu chuẩn như Bộ chọn CSS, biểu thức XPath và Toạ độ