一、案例概述
该案例是基于火语言实现某电商平台高级搜索页(示例网址:search.dangdang.com/advsearch ) 的表单元素自动化交互,聚焦单选框、复选框、下拉框这三类常用页面元素的操作,让大家快速掌握火语言对网页表单中这三类元素的自动化操作方法。
二、实现逻辑
火语言通过 “元素选择器定位 + 操作指令” 的方式实现交互:
1、先打开浏览器,浏览网页,加载目标网页;
2、借助 CSS 选择器精准定位单选框、复选框、下拉框对应的页面元素;
3、依次执行 “选中单选框 / 复选框、选择下拉框选项、触发搜索” 的操作,完成表单交互流程。
三、实现逻辑
1、打开浏览器, 选择浏览器类型
2、浏览网页, 输入网址URL:
https://search.dangdang.com/advsearch
3、单选/复选框, 定位单选框目标元素:
#form1 > div.box1.clearfix > label:nth-child(2) > input[type=radio]
4、单选/复选框, 定位复选框目标元素1:
#pbook_panel > p.pack > label:nth-child(2) > input[type=checkbox]
5、单选/复选框, 定位复选框目标元素2:
#pbook_panel > p.pack > label:nth-child(3) > input[type=checkbox]
6、下拉框选择, 定位下拉框选择目标元素:
#pbook_panel > div > div.now_class > input.cat_list,选择值:小说
7、鼠标/元素点击, 定位搜索目标元素:
#search_btn1
调试如下:
案例分享: www.huoyuyan.com/share.html?… 提取码: 8RiA