selenium自动化框架快速入门元素定位学习

一、浏览器常用操作最大(小)化、刷新、初始位置和大小等from selenium import webdriver from selenium.webdriver.common.keys import Keys import unittest from selenium.webdriver.chrome.options import Options from selenium.webdriver.chrome.service import Service import time #设置浏览器启动浏览器 def she(): #创建设置历览器对象保证设备没有兼容性问题 q1 Options() #禁用沙盒模式 q1.add_argument(--no-sandbox) #保持浏览器打开状态默认是代码执行完毕自动关闭 q1.add_experimental_option(detach, True) #创建并启动浏览器 a1 webdriver.Chrome(executable_pathchromedriver.exe, optionsq1) return a1 a1 she() #打开指定网址 a1.get(https://baidu.com/) time.sleep(2) #浏览器最大化 a1.maximize_window() time.sleep(2) #浏览器最小化 a1.minimize_window() #浏览器打开位置 a1.set_window_position(0,0) #浏览器打开尺寸 a1.set_window_size(600,600) # 浏览器截图 a1.get_screenshot_as_file(1.png) #刷新当前页面 time.sleep(3) a1.refresh() #关闭当前标签页 a1.close() # #退出浏览器 # a1.quit()二、元素定位 --- Selenium的灵魂1导入相关模块from selenium import webdriver from selenium.webdriver.chrome.options import Options from selenium.webdriver.common.by import By2创建一个谷歌浏览器驱动的句柄#设置浏览器启动浏览器 def she(): #创建设置历览器对象,保证设备没有兼容性问题 q1 Options() #禁用沙盒模式 q1.add_argument(--no-sandbox) #保持浏览器打开状态默认是代码执行完毕自动关闭 q1.add_experimental_option(detach, True) #创建并启动浏览器 a1 webdriver.Chrome(executable_pathchromedriver.exe, optionsq1) return a1 a1 she()3按id定位find_element(By.ID, xxx)1.以在百度输入“dafait”为例打开百度网站右击搜索框点击“检查”2.右侧会弹出网页的html代码蓝色部分为搜索框对应的元素可看到对应的id为“chat-textarea”3.同理对于按钮“百度一下”也用相同的方法实现代码如下#元素定位 - id,id定位一般比较准确,但不一定每个元素都有id值 a1.get(https://baidu.com/) #定位一个元素找到的话返回结果找不到的话报错 a2 a1.find_element(By.ID, chat-textarea) #元素输入 a2.send_keys(dafait) #元素清空 a2.clear() a2 a1.find_element(By.ID, chat-submit-button) #元素点击事件 a2.click() #定位多个元素找到的话返回列表形式找不到的话返回空列表 a2 a1.find_elements(By.ID, chat-textarea)4按name定位find_element(By.NAME, xxx)1.和id查找类似例如要点击登录同样右击后选择“检查”右侧灰色部分可看到name为tj_login2.代码如下#元素定位 - namename定位也比较准确但不一定每个元素都有name a1.get(https://baidu.com/) a2 a1.find_element(By.NAME, tj_login)5按class_name定位find_element(By.CLASS_NAME, xxx)1.比如想点击哔哩哔哩网站中的“热门”模块如图所示2.找到热门对于的元素的class样式由于channel-icons__item样式不止一个元素使用所以要改用函数find_elements来获取所有应用了“channel-icons__item”样式的元素然后再用切片精准地拿到对于的元素3.具体是哪一个元素可通过控制台查找点击控制台先输入“allow pasting”否则此处的内容可能不能复制粘贴4.输入命令“document.getElementsByClassName(channel-icons__item)”,回车后下方出现2个内容表示有2个元素应用了该样式当鼠标移动到下标1时“热门”处变色表示下标1正是对应“热门”按钮5.编写代码如图所示#元素定位 - class_name,class_name可以应用的样式很多不太准确被多个元素使用时需要切片选择 #而且有的class值是随机的会随着页面刷新而变化 a1.get(https://www.bilibili.com/) a1.find_elements(By.CLASS_NAME, channel-icons__item)[1].click()6按tag_name定位find_element(By.TAG_NAME, xxx)和class_name类似tag_name是按照开头的标签来定位元素代码如图所示#元素定位-tag_name #找出开头的标签来定位元素因重复的特别多也需要用切片来准确定位 a1.get(https://baidu.com/) a1.find_elements(By.TAG_NAME, textarea)[2].send_keys(dafait) a1.find_elements(By.TAG_NAME, button)[0].click()7其他定位和上述类似此处不一一举例具体代码如图所示#元素定位-link_text #通过精准链接文本找到标签a的元素 #可能有重复的链接文本需要切片 a1.get(https://baidu.com/) a1.find_element(By.LINK_TEXT, 新闻).click() #元素定位- pratial_link_text #通过模糊链接文本找到标签a的元素 #可能有重复的链接文本需要切片 a1.get(https://baidu.com/) a1.find_element(By.PARTIAL_LINK_TEXT, 新).click() # 元素定位- css_selector # 1. #id 井号 id值 通过id值定位 # 2. .class . class值 # 3. 不加修饰符 标签头 # 4. 通过任意类型定位: [类型精准值] # 5. 通过任意类型定位: [类型*模糊值] # 6. 通过任意类型定位: [类型^开头值] # 7. 通过任意类型定位: [类型$结尾值] a1.get(https://baidu.com/) a1.find_element(By.CSS_SELECTOR, #chat-textarea).send_keys(dafait) a1.find_element(By.CSS_SELECTOR, .chat-input-textarea).send_keys(dafait) a1.find_elements(By.CSS_SELECTOR, [autocompleteoff])[0].send_keys(dafait) a1.find_elements(By.CSS_SELECTOR, [autocomplete*of])[0].send_keys(dafait) a1.find_elements(By.CSS_SELECTOR, [autocomplete^o])[0].send_keys(dafait) a1.find_elements(By.CSS_SELECTOR, [autocomplete$f])[0].send_keys(dafait) # 以上这些方法都属于理论定位法 # 更简单的定位方式重点在谷歌控制台直接复制 SELECTOR a1.find_element(By.CSS_SELECTOR, #chat-textarea).send_keys(dafait) # 元素定位 - xpath # 1.复制谷歌浏览器Xpath通过属性路径定位属性如果是随机的就定位不到了 # 2.复制谷歌 Xpath 完整路径 a1.find_element(By.XPATH, //*[ids-top-left]/a[1]).click() a1.find_element(By.XPATH, /html/body/div[1]/div[2]/div[1]/div[3]/a[1]).click()selector和xpath快速复制