seleniumWebDriver的h5元素定位_07

最新推荐文章于 2023-12-24 15:25:42 发布
最新推荐文章于 2023-12-24 15:25:42 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： seleniumWebDriver 文章标签： selenium WebElement
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lvbu_abcd/article/details/58800664
这篇博客详细介绍了如何使用Selenium WebDriver进行HTML5元素的定位，包括通过id、name、linkText、partialLinkText、tagName、className和xpath等方式。示例代码展示了在Java中如何操作这些定位方法，并给出了执行结果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

seleniumWebDriver的h5元素定位_07

1.实例h5页面：

<html>

      <body>

           <label>用户名</label>

           <inputid="username"></input>

           <br>

           <label>密码</label>

           <inputname="password"></input>

           <br>

           <buttonname="submit" value="login">登录</button>

           <br>

           <br>

           <br>

           <ahref="http://www.baidu.com">baidu 搜索</a>

           <br>

           <ahref="http://www.sogou.com">sogou 搜索</a>

           <br>

           <inputclass="spread"></input>

           <br>

           <inputclass="tight"></input>

      </body>

</html>

 

2.编辑WebElement元素定位代码：

@Test

  public void f() {

    System.setProperty("webdriver.firefox.bin", "D:\\firefox\\firefox.exe");

    WebDriver driver=newFirefoxDriver();

     driver.get("file:///F:/SeleniumWebDriver/workspace/WebElement0301/html/findElement.html");

     //使用id,name定位

    WebElement username=driver.findElement(By.id("username"));

    WebElement password=driver.findElement(By.name("password"));

    WebElement submit=driver.findElement(By.name("submit"));

    System.out.println(username.getText()+"1"+password.getText()+"2"+submit.getText()+"3");

    System.out.println("======================");

     //使用超链接文字定位

    WebElement baiduLink=driver.findElement(By.linkText("baidu搜索"));

    System.out.println(baiduLink.getText());

    List<WebElement> souLinks=driver.findElements(By.partialLinkText("搜索"));

     for(WebElementw:souLinks)

     {

       System.out.println(w.getText());

     }

    System.out.println("======================");

     //使用标签名字来定位

    List<WebElement> aLinks=driver.findElements(By.tagName("a"));

     for(WebElementw:aLinks){

       System.out.println(w.getText());

     }

    System.out.println("======================");

     //使用class名称定位

    WebElement classInput=driver.findElement(By.className("tight"));

    System.out.println(classInput.getText()+"className");

     //使用xpath定位

    WebElement xpathElement=driver.findElement(By.xpath("//button[@value='login']"));

    System.out.println(xpathElement.getText());

  }

 

执行结果：

12登录3

======================

baidu 搜索

baidu 搜索

sogou 搜索

======================

baidu 搜索

sogou 搜索

======================

className

登录

Selenium浏览器自动化 - HTML元素定位
ryanlll3的博客
09-21 691
tag定位：每一个元素都可以看作一个tag，但是HTML页面的tag重复性很高，一般很少使用这种方式定位，其方法为 find_element_by_tag_name。css定位：css使用选择器来为页面元素绑定属性，它可以较为灵活地选择控件的任意属性，其方法为find_element_by_css_selector。class定位：通过元素的类名定位元素的方法为 find_element_by_class_name。id定位：通过元素的id属性查找元素的方法为 find_element_by_id。
【WebDriver】selenium使用CSS定位页面元素
galen2016的博客
05-04 2万+
一、CSS简介 CSS 指层叠样式表 (Cascading Style Sheets) CSS 选择器参考手册：http://www.w3school.com.cn/cssref/css_selectors.asp CSS选择器常见语法： 二、定位实例 1、以如下html定位为例： css locate
史上最全！Selenium元素定位的30种方式
热门推荐
mushroom的博客
05-20 17万+
    Selenium对网页的控制是基于各种前端元素的，在使用过程中，对于元素的定位是基础，只有准去抓取到对应元素才能进行后续的自动化控制，我在这里将对各种元素定位方式进行总结归纳一下。WebDriver8种基本元素定位方式find_element_by_id() ...
python做自动化如何定位动态元素_Python用Selenium开发自动化项目，逻辑定位子节点的解决方案...
weixin_39540725的博客
12-03 313
最近我在做一个自动化填表的项目，就遇到这样的问题——需要定位HTML页面上的某个元素，而在这其中，需要被定位的元素是动态的，这就很头疼了。例如：..需要被定位的内容....自动生成的div当我们要定位body底下的第一个div时，我们只需要写Xpath表达式为：/html/body/div[1]定位body底下的第二个div时：/html/body/div[2]问题是，如果我们要定位/html/b...
selenium如何定位元素位置
11-26
众所周知，selenium自动化测试是基于UI的一种典型的测试策略，如何准确定位需要操作的浏览器元素或控件是自动化测试非常重要的工作，本文总结了常用的UI控件的定位方法，希望大家可以参考并进一步扩展
selenium新版元素定位方法、元素操作与基本API
qq_41041051的博客
12-24 2202
如果name 属性值不唯一，可以用driver.find_elements方式定位，找到所有与name 属性值对应的标签，得到的将是一个包含所有与name属性值对应的标签的列表。tag_name 定位即通过标签名定位。前三种方式：ID属性值定位、name 属性值定位、class name 属性值定位，均是根据元素（标签）的属性值定位，而第四种tag_name 定位则是根据标签名定位。link_text 专门用来定位超链接元素，所以用link_text 的前提是定位的元素是链接标签，即标签。
8.H5元素定位1
08-08
【H5元素定位1】- 知识点详解 在移动应用开发中，尤其是在混合开发模式下，常常会遇到内嵌H5页面的情况。这些页面的元素定位与原生Android控件的定位方式有所不同，主要涉及到上下文（Context）的概念。本文将详细...
selenium定位H5表单验证的提示语.docx
06-27
`find_elements_by_css_selector`方法用来定位页面上的元素，这里我们选择第一个输入框。`get_attribute("validationMessage")`用于获取输入框当前的验证信息。 接着，我们通过`execute_script`方法执行JavaScript...
java+selenium下拉框元素定位
悲伤的测试开发的博客
08-17 1332
1.元素定位 ID定位元素： findElement(By.id(“”)); 通过元素的名称定位元素： findElement(By.name(“”)); 通过元素的html中的位置定位元素： findElement(By.xpath(“”)); 通过元素的标签名称定位元素： findElement(By.tagName(“”)); 通过元素的链接名称定位元素： findElement(By.linkText(“”)); 通过元素的类名定位元素： findElement(By.className(“”));
python 模拟触屏_selenium模拟H5触摸滑动之-TouchAction
weixin_35340730的博客
12-28 1482
最近做移动端H5页面的自动化测试时候，需要模拟一些上拉，下滑的操作，最初考虑使用使用selenium ActionChains来模拟操作，但是ActionChains 只是针对PC端程序鼠标模拟的一系列操作对H5页面操作时无效的，比如：# 将页面滚动条拖到底部，需要设置sleep(1)sleep(1)driver.execute_script("window.scrollTo(0, documen...
WebdriverH5元素
写写代码
03-21 151
HTML5中的视频播放器： // 视频播放器 driver.get("https://videojs.com/"); Thread.sleep(3000); WebElement video = driver.findElement(By.tagName("video")); JavascriptExecutor js = (JavascriptExecutor) dri...
WebDriver HTML5
GUOGUO222的博客
09-14 347
WebDriver支持在指定的浏览器上测试HTML5 可以使用Javascript在任何浏览器上测试HTML5 如：IE9+、Firefox、Chrome、Opera都支持video元素 #coding: utf-8 __author__ = 'KK' from selenium import webdriver import time driver =webdriver.Chrom
webdriver高级应用- 在HTML5的画布元素上进行绘画操作
weixin_30348519的博客
04-04 151
#encoding=utf-8 import unittest from selenium import webdriver import time class TestDemo(unittest.TestCase): def setUp(self): # 获取浏览器驱动实例 self.driver = webdriver.Ie(exe...
python使用selenium获取H5业务元素核心代码
hello18616355555的博客
12-12 575
import json import time from selenium import webdriver from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from selenium.webdrive...
web端自动化——webdriver驱动
Watchmen0320的博客
11-13 1085
1.1Edge浏览器（不过，Edge浏览器只能运行于 Windows 10） Edge驱动的下载地址，复制链接http://go.microsoft.com/fwlink/?LinkId=619687 下载MicrosoftWebDriver.msi 文件。双击安装，将安装目录添加到系统环境变量path下，或将安装文件夹下的 MicrosoftWebDriver.exe文件复制到Py...
selenium模拟手机打开H5网页
jiaweide123的博客
09-29 1557
遵循CC 4.0 BY-SA版权协议，此文章转载于：https://blog.youkuaiyun.com/yxxxiao/article/details/96156908 1.通过device name模拟的手机型号，示例代码如下 import time from selenium import webdriver mobileEmulation = {'deviceName': 'iPhone 6'} options = webdriver.ChromeOptions() options.add_e...
selenium 操作 html 5,Selenium的简单操作
weixin_42184237的博客
06-17 340
目录1引入jar包链接驱动，打开浏览器2常用Webderver对象方法3定位元素4对页面元素进行操作5iframe处理6获得弹出窗口7处理alert、confirm、prompt对话框8操作cookies9等待页面元素加载完成10利用selenium-webdriver截图背景之所以要学习selenium,是因为最近接到一项工作任务，爬取支付宝登录用户的数据，支付宝依然是通过cookie中的信息记...
selenium web页面元素定位方法
萱萱麻麻随笔
07-07 1308
1.id定位 find_element_by_id(“su”) 通过id定定位元素 2.name定位 find_element_by_id(“name”) 通过元素name定位元素 3.class定位 find_element_by_class_name(“class”) class 属性来定位元素 4.tag定位 find_element_by_tag_name(“input”) 因为一个 t...
selenium定位H5表单验证的提示语
小友的博客
07-18 2846
selenium定位H5表单验证的提示语 前端代码，1.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function ...
import time from selenium import webdriver driver = webdriver.Chrome() driver.get("https://h5lark.yuekeyun.com/film/index.html?wapid=OLHWD_H5_PROD_15353_MPS") time.sleep(5) html = driver.page_source # 获取完整渲染后的HTML print(html) time.sleep(5) driver.quit() 进入网页拖动验证
最新发布
03-26
<think>好的，用户问的是如何在Selenium Python自动化脚本中处理网页拖动验证码的最佳实践。我需要根据已有的引用资料和我的知识库来整理回答。首先，我应该回顾一下引用中提到的方法。引用3提到过拖拽验证码的自动化处理，用户参考了一篇博客实现了拖拽自动登录。另外，引用1和2是关于Selenium处理验证码的一般方法，可能有帮助。 首先，我需要明确拖动验证码的常见类型。通常有两种：滑块验证码和拼图拖动验证码。处理这类验证码的关键在于模拟用户的拖动操作，但难点在于如何定位滑块位置、计算拖动距离以及模拟自然拖动轨迹。 接下来，最佳实践可能包括几个步骤：定位元素、计算拖动距离、模拟拖动动作。对于定位元素，可能需要使用Selenium的find_element方法，结合CSS选择器或XPath。计算距离的话，可能需要分析网页元素的样式，比如滑块的背景图与缺口的位置差，或者通过图像处理技术来识别缺口位置。不过，引用3中提到的是自动识别简单验证码，可能涉及截图后分析像素差异。 模拟拖动动作时，直接使用Selenium的click_and_hold和move_by_offset可能不够，因为验证码系统可能会检测拖动轨迹是否人类化。这时候需要模拟带有加速度或随机波动的拖动路径，比如使用ActionChains并分段移动，加入随机停顿。此外，可能需要处理动态加载的情况，比如等待验证码图片加载完成，或者处理动态变化的缺口位置。 另外，引用1提到的解决验证码的四种方法中，可能包括第三方API、手动处理、绕过验证码或使用cookie。但对于拖动验证码，可能更适用的是模拟操作或者结合图像识别。不过第三方OCR服务可能无法直接处理滑块，需要特定算法。 在实现过程中，需要注意验证码的反爬机制，比如检测自动化工具。这时候可能需要隐藏Selenium的特征，或者使用更高级的模拟方式。此外，处理失败后的重试机制也很重要，可能需要设置多次尝试或记录日志。 总结下来，步骤可能包括：1. 定位滑块和轨道元素；2. 计算需要拖动的距离；3. 使用ActionChains模拟人类拖动；4. 处理可能的动态加载或反爬措施；5. 添加异常处理和重试。同时，可能需要结合截图和图像处理技术来精确计算距离，或者调用外部API处理更复杂的验证码。 现在需要把这些步骤具体化，给出代码示例，比如如何定位元素，如何计算距离（比如通过像素比对），如何分段拖动。另外，引用3中的实现可能是一个参考，但需要详细说明。此外，需要注意代码的健壮性，比如等待元素出现，处理时间延迟，以及可能的异常捕捉。 可能的问题包括：如何准确计算拖动距离？如果缺口位置每次变化，如何动态获取？这时候可能需要截取网页截图，然后使用图像处理库如Pillow或OpenCV来识别缺口位置。例如，截取滑块背景图，然后对比完整图和缺口图，找到缺口的位置差，从而计算需要拖动的像素距离。 但考虑到用户可能希望尽量简化，是否有更直接的方法？比如通过分析元素的CSS样式，比如背景图的position，从而计算偏移量。不过这可能因网站而异，不一定通用。因此，图像处理可能更可靠但实现较复杂。 最后，给出一个代码示例，涵盖上述步骤，并说明可能的优化点，比如轨迹模拟、异常处理等。同时，提醒用户如果验证码太复杂，可能需要结合第三方打码平台，但会增加成本。</think>### Selenium Python处理拖动验证码的最佳实践 #### 1. 核心思路 拖动验证码的关键在于模拟人类操作轨迹。主要步骤包括： - **定位滑块与轨道**：通过CSS选择器或XPath定位元素 - **计算拖动距离**：通过图像识别或CSS属性分析 - **模拟拖动动作**：使用分段移动+随机轨迹绕过机器检测 #### 2. 实现步骤 ```python from selenium.webdriver import ActionChains import time, random def drag_slider(driver): # 定位滑块与轨道 slider = driver.find_element('css selector', '.slider') # 滑块元素 track = driver.find_element('css selector', '.track') # 轨道元素 # 计算拖动距离（示例：通过CSS属性计算） gap_position = track.value_of_css_property('background-position') # 获取缺口位置 move_distance = int(gap_position.split(' ')[0].replace('px', '')) # 生成拟人化轨迹 action = ActionChains(driver) action.click_and_hold(slider) # 分段移动（包含随机偏移） total = 0 while total < move_distance: span = random.randint(3, 8) # 随机步长 if total + span > move_distance: span = move_distance - total action.move_by_offset(span, random.randint(-2, 2)) # 加入Y轴抖动 action.pause(random.uniform(0.05, 0.2)) # 随机停顿 total += span # 释放滑块并执行 action.release().perform() ``` #### 3. 增强健壮性方案 1. **图像识别缺口**（需Pillow库）： ```python from PIL import Image def get_gap_position(screenshot_path): img = Image.open(screenshot_path) for x in range(60, img.width): if img.load()[x, 100][0] < 80: # 根据像素色差定位 return x - 25 # 修正滑块宽度 return 260 # 默认值 ``` 2. **异常重试机制**： ```python retry = 3 while retry > 0: try: drag_slider(driver) if "验证成功" in driver.page_source: break except Exception as e: print(f"第{4-retry}次尝试失败：{str(e)}") retry -= 1 ``` #### 4. 注意事项 1. **轨迹优化**： - 初始阶段快速移动，接近终点时减速 - 添加±2px的Y轴随机偏移 - 使用`action.pause()`模拟人类反应时间 2. **反检测策略**： ```python # 隐藏自动化特征 driver.execute_script("Object.defineProperty(navigator, 'webdriver', {get: () => undefined})") ``` 3. **动态加载处理**： ```python from selenium.webdriver.support.wait import WebDriverWait WebDriverWait(driver, 10).until( EC.presence_of_element_located((By.CLASS_NAME, 'slider')) ) ``` #### 5. 进阶方案 当基础方法失效时，可考虑： 1. **第三方打码平台**：通过API上传截图获取坐标 2. **深度学习模型**：训练YOLO等模型识别缺口位置 3. **浏览器指纹伪装**：使用undetected-chromedriver
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值