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

最新推荐文章于 2024-05-11 19:00:00 发布
最新推荐文章于 2024-05-11 19:00:00 发布
阅读量499 收藏 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
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
python 用selenium获取动态数据

				
			

			

				

					wgy343的博客
				

				

					10-11
					
					252
					
				

			

		

		

			
				
以某讯视频中的电影片库为例尝试selenium和BeautifulSoup结合获取动态数据。

			
		

	



                

              
                



	

		

			

				
					
如何获取鼠标点击元素时该元素的信息

				
			

			

				

					tcguoxing的博客
				

				

					03-01
					
					2279
					
				

			

		

		

			
				
如何获取鼠标点击元素时该元素的信息
哎呀呀，在初学过程中总是避免不了踩坑，这不，今晚又踩了一个。多亏了RoutedEventArgs中的Source属性，知根寻源，最后才找到问题元素是哪一位。
前天还是上周，老大说让我把一个切换动画改的简单一些。于是我把原来由平移和缩放组合而成的动画变成了只保留平移动画。谁会知道这一个小小的改动，竟会让效果出了点问题。

就像上边截取的那样，上半部分是原来的代码，...

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

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

				

					08-28
					
					9060
					
				

			

		

		

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

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



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

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

			
		

	





	

		

			

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

					
最新发布

				
			

			

				

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

				

					05-11
					
					439
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					weixin_45217451的博客
				

				

					10-08
					
					5031
					
				

			

		

		

			
				
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

			
		

	





	

		

			

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

				
			

			

				

					天上白玉京  十二楼五城
				

				

					09-06
					
					7752
					
				

			

		

		

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

			
		

	





	

		

			

				
					
selenium 判断元素是否存在

				
			

			

				

					BenZ_X的专栏
				

				

					10-27
					
					2176
					
				

			

		

		

			
				
方式2是driver内置的方法，显示等待，超时时间20s内，不断重试，只要元素在20s内加载出来了，就返回存在；这比方式1要稳定很多；目的：自动化中通常需要根据元素是否存在，来决定下一步的动作；比如 A存在就点击 下一步，B存在就点击保存；用于控制脚本的逻辑；为什么不用方式1，因为页面加载快慢问题，方式1只会判断一次，恰巧元素正在加载中，那么返回就失败即元素不存在了；selenium中判断元素有几种方式。# 等待元素加载出来。# 判断元素是否存在。

			
		

	





	

		

			

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

				
			

			

				

					qq_40207262的博客
				

				

					04-06
					
					824
					
				

			

		

		

			
				
slenium4的元素定位方法

			
		

	





	

		

			

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

				
			

			

				

					08-27
				

			

		

		

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

			
		

	





	

		

			

				
					
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元素操作--判断元素是否可用、可选中、是否可见

				
			

			

				

					wangsrc的博客
				

				

					09-28
					
					1156
					
				

			

		

		

			
				
元素操作selenium

			
		

	





	

		

			

				
					
selenium获取元素的所有属性

				
			

			

				

					shixiaonong_
				

				

					06-27
					
					1019
					
				

			

		

		

			
				
通过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'}...

			
		

	





	

		

			

				
					
JAVA app 获取界面元素_Java自动化测试(Android app界面元素 33)

				
			

			

				

					weixin_35675101的博客
				

				

					02-23
					
					286
					
				

			

		

		

			
				
App分类Native App原生App优点直接依托于操作系统，交互性最强，性能最好，功能最为强大缺点开发成本高，更新缓慢，审核周期慢，维护成本高Hybrid App混合型App优点开发成本较低，可以跨平台，调试方便，维护成本低，功能可复用，性能和体验要比web app好，更新较自由缺点相比原生性能仍有较大损耗，不适用于交互性较强的appWeb App使用浏览器展示优点开发成本低，可以跨平台，调试...

			
		

	





	

		

			

				
					
获取任意App的页面元素【uiautomatorviewer.bat使用方法】

				
			

			

				

					fengyeNom1的博客
				

				

					04-15
					
					1085
					
				

			

		

		

			
				
分析Android应用UI组件；文件位于sdk\tools\bin\uiautomatorviewer.bat；

操作步骤：
1.连接Android 设备到开发机器，显示需要获取UI控件的界面；
2.Windows下直接双击运行uiautomatorviewer.bat；
3.点击uiautomatorviewer用户界面左上角的“设备截图按钮”

将鼠标悬停在左侧窗口的快照，可查看被工具检测到...

			
		

	





	

		

			

				
					
selenium获取元素文本值

					
热门推荐

				
			

			

				

					qq_44728587的博客
				

				

					02-09
					
					1万+
					
				

			

		

		

			
				
以百度网站为例：获取下面6个元素的文本值





6个元素的html：（可以看出class name 相同）


<span class="title-content-title">这张冬奥大合影弥足珍贵</span>
<span class="title-content-title">白岩松呼吁家长向谷爱凌妈妈学习</span>
<span class="title-content-title">31省份新增本土确诊73例 广西72例</

			
		

	





	

		

			

				
					
python selenium取标签的属性值注意参数

				
			

			

				

					qq_41555580的博客
				

				

					06-24
					
					842
					
				

			

		

		

			
				
airtest_selenium

			
		

	





	

		

			

				
					
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、付费专栏及课程。

              

            

          

      

      余额充值