selenium4-获取页面元素相关信息

最新推荐文章于 2024-05-11 19:00:00 发布
最新推荐文章于 2024-05-11 19:00:00 发布
阅读量485 收藏 10
点赞数 9
文章标签： python 测试工具 功能测试 集成测试 测试用例 jmeter 单元测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/okcross0/article/details/136300906
版权

引言

现在，越来越多的公司和企业开始将业务转移到线上平台。而对于网站或者应用的测试、开发人员来说，获取页面元素相关信息是解决很多问题的关键之一。

如果您正为此而苦恼，那么恭喜您，因为这篇文章将会为您揭秘Selenium4获取页面元素相关信息的技巧和方法！

无论您是初学者还是专业人士，我都将为您提供详尽的指导和实战案例。让Selenium4帮助您更加轻松地获取页面信息，跟随我的脚步，掌握这些技能吧！

获取页面元素的主要目的：

（1）执行完步骤后进行断言；

（2）获取前一步骤的响应结果作为后续步骤的输入或判断条件（关联）

 

1、获取元素的基本信息：元素的大小、文本内容、标签名

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.LINK_TEXT, '新闻')
print(ele.tag_name)  # 输出标签名
print(ele.text)  # 输出文本，适用于链接元素
print(ele.size)  # 输出大小
driver.quit()
 
运行结果：
a
新闻
{'height': 23, 'width': 26}

2、获取元素的属性信息，如id,name,class name,value等

 

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.ID, 'kw')  # 定位到百度搜索框
ele1 = driver.find_element(By.ID, 'su')  # 定位到百度搜索按钮
print('------以下是百度搜索框的基本属性信息-------')
print(ele.get_attribute('id'))
print(ele.get_attribute('name'))
print(ele.get_attribute('class name'))
print(ele.get_attribute('value'))
print('------以下是百度搜索按钮的基本属性信息-------')
print(ele1.get_attribute('id'))
print(ele1.get_attribute('name'))
print(ele1.get_attribute('class name'))
print(ele1.get_attribute('value'))  # 输出按钮的文字，也就是value属性值
driver.quit()
 
运行结果：
kw
wd
None
  ------以下是百度搜索按钮的基本属性信息-------
  su
 
  None
  百度一下
 

区别总结：获取链接元素的文本使用ele.text , 获取按钮元素上的文本，使用ele.get_attribute('value')

 

3、获取CSS属性值：高、宽、字体等
 

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get("http://www.baidu.com")
ele = driver.find_element(By.LINK_TEXT, '新闻')
sleep(2)
# 输出元素的宽、高、字体
print(ele.value_of_css_property('height'))
print(ele.value_of_css_property('width'))
print(ele.value_of_css_property('font-family'))
driver.quit()
运行结果：
23px
26px
Arial, sans-serif
 

 
 

4、判断页面元素是否可见
 

通过is_displayed()方法判断页面元素是否可见，可见，返回True;不可见，返回False
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>判断元素是否可见</title>
    <script type="text/javascript">
        function showAndHidden1() {
            var div1 = document.getElementById("div1");
            var div2 = document.getElementById("div2");
            if (div1.style.display == 'block') div1.style.display = 'none';
            else div1.style.display = 'block';
            if (div2.style.display == 'block') div2.style.display = 'none';
            else div2.style.display = 'block';
        }
        function showAndHidden2() {
            var div3 = document.getElementById("div3");
            var div4 = document.getElementById("div4");
            if (div3.style.visibility == 'visible') div3.style.visibility = 'hidden';
            else div3.style.visibility = 'visible';
            if (div4.style.visibility == 'visible') div4.style.visibility = 'hidden';
            else div4.style.visibility = 'visible';
        }
    </script>
</head>
<body>
    <div>display:元素不占用页面位置</div>
    <div id="div1" style="display:block">DIV 1</div>
    <div id="div2" style="display:none">DIV 2</div>
    <input id="button1" type="button" onclick="showAndHidden1();" value="DIV 切换"/>
    <hr>
    <div>display:元素占用页面位置</div>
    <div id="div3" style="visibility:visible">DIV 3</div>
    <div id="div4" style="visibility:hidden">DIV 4</div>
    <input id="button2" type="button" onclick="showAndHidden2();" value="DIV 切换"/>
</body>
</html>
 

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
html_file = os.getcwd() + os.sep + 'myhtml5_13.html'
driver.get(html_file)
ele1 = driver.find_element(By.ID, 'div1')
ele2 = driver.find_element(By.ID, 'div2')
ele3 = driver.find_element(By.ID, 'div3')
ele4 = driver.find_element(By.ID, 'div4')
# style="display:none" and style="visibility:hidden",页面元素不可见
print('ele1 is display:{}'.format(ele1.is_displayed()))
print('ele2 is display:{}'.format(ele2.is_displayed()))
print('ele3 is display:{}'.format(ele3.is_displayed()))
print('ele4 is display:{}'.format(ele4.is_displayed()))
 
driver.find_element(By.ID, 'button1').click()
driver.find_element(By.ID, 'button2').click()
print('------点击切换按钮后，再次查看页面元素是否可见-------')
 
print('ele1 is display:{}'.format(ele1.is_displayed()))
print('ele2 is display:{}'.format(ele2.is_displayed()))
print('ele3 is display:{}'.format(ele3.is_displayed()))
print('ele4 is display:{}'.format(ele4.is_displayed()))
driver.quit()
运行结果：
 
ele1 is display:True
ele2 is display:False
ele3 is display:True
ele4 is display:False
------点击切换按钮后，再次查看页面元素是否可见-------
ele1 is display:False
ele2 is display:True
ele3 is display:False
ele4 is display:True
 

5、判断页面元素是否可用
 

通过is_enable()方法判断页面元素是否可用，可用，返回True；不可用，返回False。如果页面元素有disabled属性的话，则不可用。
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>判断页面元素是否可操作</title>
</head>
<body>
    <input id="input1" type="text" size="40" value="可操作">
    <input id="input2" type="text" size="40" value="不可用" disabled>
    <input id="input3" type="text" size="40" value="只读" readonly>
</body>
</html>
 

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
html_file = os.getcwd() + os.sep + 'myhtml5_14.html'
driver.get(html_file)
ele1 = driver.find_element(By.ID, 'input1')
ele2 = driver.find_element(By.ID, 'input2')
ele3 = driver.find_element(By.ID, 'input3')
print('ele1 is enabled:{}'.format(ele1.is_enabled()))
print('ele2 is enabled:{}'.format(ele2.is_enabled()))
print('ele3 is enabled:{}'.format(ele3.is_enabled()))
driver.quit()
运行结果：
ele1 is enabled:True
ele2 is enabled:False
ele3 is enabled:True
 

 注意：当某个元素被其他元素遮挡时，也会出现元素无法操作的情况。


 

6、判断页面元素的选中状态
 

通过is_selected()方法判断页面元素是否被选中，被选中，返回True；未被选中，返回False。
 

service = Service(r"C:\Users\USER\AppData\Local\Programs\Python\Python37\chromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get('http://sahitest.com/demo/clicks.htm')
sleep(2)
ele = driver.find_element(By.XPATH, "/html/body/ul/li/a/label/input")
print(ele.is_selected())
print('----鼠标点击选中后再判断元素是否被选中-----')
ActionChains(driver).click(ele).perform()
print(ele.is_selected())
driver.quit()
运行结果：
False
----鼠标点击选中后再判断元素是否被选中-----
True
 

 
 

注意：如果选中或者取消选中单选按钮或复选框，页面有加载时间的话，要合理使用等待时间，然后判断选中状态，避免判断错误。
 

 感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：
 

 
 

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取 
 

 

 

                

        

        

        

    




    

      

        

            

              
                
                  程序员威子
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    9
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    10
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
基于selenium 获取新页面元素失败的解决方法

				
			

			

				

					08-27
				

			

		

		

			
				
Selenium 获取新页面元素失败的解决方法  在使用 Selenium 实现模拟登录时，获取到登录按钮元素后，直接调用它的 click() 方法就能实现登录跳转，并且此时的 WebDriver 也是指向当前页面，这个是没问题的。然而，...

			
		

	



                

              
                



	

		

			

				
					
selenium中获取页面元素方法介绍以及定位页面元素

				
			

			

				

					weixin_45217451的博客
				

				

					10-08
					
					5021
					
				

			

		

		

			
				
1. 通过浏览器驱动获取 单个元素页面元素的8种方式


# 通过 id获取元素
el = driver.find_element_by_id(id)

# 通过 name获取元素
el = driver.find_element_by_name(name)

# 通过 className获取元素
el = driver.find_element_by_class_name(className)

# 通过 tagName获取元素
el = driver.find_element_by_tag_name(t

			
		

	



                


  
              

                


	

		

			

				
					
Python Selenium 获取页面所有文本内容

					
热门推荐

				
			

			

				

					旷野历程
				

				

					05-16
					
					2万+
					
				

			

		

		

			
				
分享知识 传递快乐



用 Selenium 爬虫获取网页上显示的文本，首先安装 lxml 模块：


pip install lxml

代码：


driver = webdriver.Chrome()
driver.maximize_window()
driver.get("url")

# 获取页面源代码
html_source = driver.page_source

html ...

			
		

	





	

		

			

				
					
Selenium定位一组元素（及获取元素相关参数如元素数量、元素文本、元素属性）

					
最新发布

				
			

			

				

					分享式获得也是一种学习的态度
				

				

					05-11
					
					409
					
				

			

		

		

			
				
每个人都有惰性，但不断学习是好好生活的根本，共勉！

			
		

	



		

			
		



	

		

			

				
					
selenium自动化测试入门 —— 获取元素对象！

				
			

			

				

					
				

				

					11-03
					
					371
					
				

			

		

		

			
				
By.IDBy.XPATHBy.NAMEdriver.find_element(By.XXX,'元素属性') # 定位单个元素driver.find_elements(By.XXX,'元素属性') # 定位一组元素，返回list列表driver.find_element_by_id('元素id属性') # ------ 最常用，简单driver.find_element_by_name('元素name属性') # ------ 最常用，简单。

			
		

	





	

		

			

				
					
无边界探索：Selenium元素定位方法全攻略！

				
			

			

				

					myh919的博客
				

				

					11-30
					
					1096
					
				

			

		

		

			
				
作为当下最流行的web UI自动化测试工具，selenium是很多测试同学入门接触自动化测试时学习的第一个工具。想要自动化操作页面上的内容，元素定位是首先必须要学习的核心知识。因此本文主要介绍selenium的几种最常用的元素定位方法，掌握了这些方法，希望能帮助大家快速轻松定位到页面上的各类元素。

			
		

	





	

		

			

				
					
用Selenium定位充满div class页面元素的方法，id、xpath都没用的抓狂情况下

				
			

			

				

					猎摘互联网软件测试业界技术文章专用博客
				

				

					08-28
					
					9041
					
				

			

		

		

			
				
以搜狐网首页为例，我们要定位“搜狗邮箱”这个链接（如果是xpath等等各种selenium内置提供的定位方法都没用的情况下）

第一步，找到该元素，此时显示 <div class="title">搜狐邮箱</div>



第二步：一个HTML文档id只有一个，class是有多个的，但往往就没有id给你定位，只有class的属性，怎么办？

不用急，按下F12，打开Chro...

			
		

	





	

		

			

				
					
Python Selenium自动化获取页面信息的方法

				
			

			

				

					09-16
				

			

		

		

			
				
本文将深入探讨如何使用Selenium库来获取页面信息，主要包括页面标题、URL、浏览器版本号、元素尺寸、元素文本以及元素属性值。  1. **获取页面标题**  要获取当前页面的标题，可以使用`browser.title`属性。例如： ...

			
		

	





	

		

			

				
					
selenium-批量下载图片及滚动加载的元素获取

				
			

			

				

					02-14
				

			

		

		

			
				
4. **下载图片**：遍历所有图片元素，获取`src`属性，然后使用`requests`库下载图片到本地。   ```python  import requests   for img in images:  img_url = img.get_attribute('src')  response = requests.get...

			
		

	





	

		

			

				
					
Python selenium根据class定位页面元素的方法

				
			

			

				

					01-20
				

			

		

		

			
				
在Python的Selenium库中，页面元素定位是自动化测试中的核心技能之一。当我们无法依赖元素的id属性进行定位时，class属性就成为了一个重要的选择。本文将详细介绍如何使用Selenium根据class定位页面元素。  首先，...

			
		

	





	

		

			

				
					
selenium获取元素信息常用方法

				
			

			

				

					鹅不糊涂的博客
				

				

					06-07
					
					7492
					
				

			

		

		

			
				
本文介绍了使用 Selenium 获取网页元素信息的常用方法，包括获取元素大小、文本内容、属性值、判断元素是否可见、可用、选中等。同时还介绍了获取当前页面 URL 和 Title 的方法。这些方法对于 Web 应用程序测试和页面分析非常有用。

			
		

	





	

		

			

				
					
Web页面获取元素方法-selenium4 UI自动化

				
			

			

				

					qq_40207262的博客
				

				

					04-06
					
					813
					
				

			

		

		

			
				
slenium4的元素定位方法

			
		

	





	

		

			

				
					
二、使用selenium获取元素

				
			

			

				

					weixin_41646321的博客
				

				

					10-03
					
					4898
					
				

			

		

		

			
				
在打开网页之后，我们通常要获取网页中的内容或者某个元素，这时候我们就可以使用find_xxx_by_xxx函数来获取元素了。
一、当我们获取单个元素时：
我们使用find_element_by_xxx函数来获取单个元素，获取到的是WebElement对象

find_element_by_id : 通过元素id获取
find_element_by_name : 通过元素的name属性获取
find...

			
		

	





	

		

			

				
					
03-selenium-获取元素信息

				
			

			

				

					qq_37515374的博客
				

				

					01-13
					
					2588
					
				

			

		

		

			
				
03-selenium-获取元素信息

			
		

	





	

		

			

				
					
使用Selenium来爬取网页内容

				
			

			

				

					CoCo629vanilla的博客
				

				

					08-10
					
					1万+
					
				

			

		

		

			
				
Selenium Python 绑定提供了一个简单的 API 来使用 Selenium WebDriver 编写功能/验收测试。通过 Selenium Python API，我们可以直观地访问 Selenium WebDriver 的所有功能。

			
		

	





	

		

			

				
					
Selenium学习笔记4--获取页面元素内容

				
			

			

				

					天上白玉京  十二楼五城
				

				

					09-06
					
					7749
					
				

			

		

		

			
				
getTitle()获取当前页面标题String title = driver.getTitle();getCurrentUrl()String url = driver.getCurrentUrl();getText()用户获取某个元素的文本值,比如链接,纯文本等isSelected(): 返回boolean用于获取checkbox勾选情况getTagName()获取元素标签名称WebElemen

			
		

	





	

		

			

				
					
selenium获取元素的所有属性

				
			

			

				

					shixiaonong_
				

				

					06-27
					
					1017
					
				

			

		

		

			
				
通过js获取所有属性，键值对存储


结果：
{u'class': u'topbar-icon icon-site-switcher yes-hover js-site-switcher-button js-gps-track',
 u'data-gps-track': u'site_switcher.show',
 u'href': u'//stackexchange.com',
 u'title': u'A list of all 132 Stack Exchange sites'}...

			
		

	





	

		

			

				
					
python selenium 获取页面提示信息

				
			

			

				

					03-06
				

			

		

		

			
				
Python Selenium是一个用于自动化浏览器操作的工具，可以用于获取页面提示信息。下面是使用Python Selenium获取页面提示信息的步骤：

1. 首先，确保已经安装了Python和Selenium库。可以使用pip命令进行安装：
   ```
   pip install selenium
   ```

2. 导入Selenium库和相关模块：
   ```python
   from selenium import webdriver
   from selenium.webdriver.common.by import By
   from selenium.webdriver.support.ui import WebDriverWait
   from selenium.webdriver.support import expected_conditions as EC
   ```

3. 创建一个浏览器实例：
   ```python
   driver = webdriver.Chrome()  # 使用Chrome浏览器，需要下载对应的驱动并配置到环境变量中
   ```

4. 打开目标网页：
   ```python
   driver.get("https://www.example.com")  # 替换为目标网页的URL
   ```

5. 使用WebDriverWait等待页面元素加载完成：
   ```python
   wait = WebDriverWait(driver, 10)  # 设置最长等待时间为10秒
   element = wait.until(EC.presence_of_element_located((By.ID, "element_id")))  # 替换为目标元素的ID或其他定位方式
   ```

6. 获取页面提示信息：
   ```python
   message = element.text  # 获取元素的文本内容，即页面提示信息
   print(message)
   ```

以上就是使用Python Selenium获取页面提示信息的基本步骤。



			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值