【Web自动化】Selenium 定位方式1

港控/mmm° 2022-11-14 10:13 237阅读 0赞

Selenium 常用的定位方式8种。

1.  find\_element\_by\_id

对于 Web 页面，id 是最理想的定位方式，一般前端 HTML 代码都会尽量保证 id 的唯一性。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70]  
1.1 find\_element\_by\_id 应用

# find_element_by_id 的应用1：定位百度输入框
    from selenium import webdriver  # 导入 webdriver 模块
    from time import sleep  # 导入 sleep 模块，可以使程序强制休眠
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.baidu.com')  # 打开百度网站
    kw_element = driver.find_element_by_id("kw")  # 通过 id 属性定位到输入框
    kw_element.send_keys("selenium")  # 向输入框写入"selenium"
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

# find_element_by_id 的应用2：定位中国知网首页的搜索输入框
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.cnki.net/')  # 打开中国知网
    search_element = driver.find_element_by_id("txt_SearchText")  # 通过 id 属性定位到搜索输入框
    search_element.send_keys("自动化测试")  # 输入内容
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

## 2. find\_element\_by\_name ##

通过 HTML 代码中的 name 属性来定位元素。 name 属性的值有可能不是唯一的，这时，会找到多个元素，遇到此类情况，程序会优先选择第一个定位元素。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 1]  
2.1 find\_element\_by\_name 应用

# find_element_by_name 的应用1：定位百度输入框
    from selenium import webdriver  # 导入 webdriver 模块
    from time import sleep  # 导入 sleep 模块，可以使程序强制休眠
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.baidu.com')  # 打开百度网站
    kw_element = driver.find_element_by_name("wd")  # 通过 name 属性定位输入框
    kw_element.send_keys("selenium")  # 向输入框写入"selenium"
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

# find_element_by_name 的应用2：定位拉钩首页的手机号码输入框
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.lagou.com/')  # 打开拉勾网
    search_element = driver.find_element_by_name("phone")  # 通过 name 属性定位手机号码输入框
    search_element.click()  # 点击搜索按钮
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

## 3. find\_element\_by\_class\_name ##

通过 HTML 代码中的 class 属性来定位元素。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 2]  
一般不建议使用此定位方式：

1.  class 属性一般是不唯一的
2.  class 属性存在复合类：以下这段 class 属性就是一个复合类，每个类用空格分隔，如果通过全匹配定位，程序会报错  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 3]

# 以下程序会报错
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.baidu.com')  # 打开百度网站
    kw_element = driver.find_element_by_class_name("btn self-btn bg s_btn")  # 通过 class 属性定位搜索按钮
    kw_element.click()  # 点击搜索按钮
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器
    
    # 报错信息
    # selenium.common.exceptions.NoSuchElementException: 
    # Message: no such element: Unable to locate element: 
    # {"method":"css selector","selector":".btn self-btn bg s_btn"}

3.1 find\_element\_by\_class\_name 应用

# find_element_by_class_name 的应用1：定位百度输入框
    from selenium import webdriver  # 导入 webdriver 模块
    from time import sleep  # 导入 sleep 模块，可以使程序强制休眠
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.baidu.com')  # 打开百度网站
    kw_element = driver.find_element_by_class_name("s_ipt")  # 通过 class 属性定位输入框
    kw_element.send_keys("selenium")  # 向输入框写入"selenium"
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

# find_element_by_class_name 的应用2：定位中国知网首页的搜索输入框
    
    driver = webdriver.Chrome()  # 调用 Chrome 浏览器
    driver.get('https://www.cnki.net/')  # 打开中国知网
    search_element = driver.find_element_by_class_name("search-input")  # 通过 class 属性定位到搜索输入框
    search_element.send_keys("自动化测试")  # 输入内容
    sleep(5)  # 强制休眠 5 秒
    
    driver.quit()  # 关闭浏览器

## 总结 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 4]  
不要只做收藏从未停止，行动从未开始的人，很多事情，做着做着就无师自通了。如果在做的过程中还能稍微加点思考，稍微看一些别人的经验和做法，成长会更快，效果也会更好！加油吧，测试人！路就在脚下，成功就在明天！

一个用心码了这么多文字的人，往往渴望得到大家的认可。如果你觉得这篇文章对你有帮助，双击屏幕，给我点个赞呀！

更多软件测试资源分享  
![在这里插入图片描述][2021071315341161.png_pic_center]

软件测试技术交流群

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70]: /images/20221022/d706b80bda904838bdc3ac66b21021d6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210328154037663.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210328154115237.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/2021032815412618.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210328154155114.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDM0MzE4,size_16,color_FFFFFF,t_70
[2021071315341161.png_pic_center]: https://img-blog.csdnimg.cn/2021071315341161.png#pic_center