版权声明：允许转载，但转载必须保留原链接；请勿用作商业或者非法用途
1. 前言
上次实操小课分享，我们分享了如何使用Airtest-selenium实现自动化刷B站，还没看的同学可以戳这里回顾一下~
那么这周我们看看如何实现使用Airtest-Selenium实现自动搜索下载可爱的猫猫图片吧~
2. 需求分析和准备
整体的需求大致可以分为以下步骤：
- 打开chrome浏览器
- 打开百度网页
- 搜索“可爱猫猫图片”
- 定位图片元素
- 创建存储图片的文件夹
- 下载可爱猫猫图片到文件夹内
在写脚本之前，我们需要准备好社区版AirtestIDE，设置好chrome.exe和对应的driver；并且确保我们的chrome浏览器版本不是太高以及selenium是4.0以下即可（这些兼容问题我们都会在后续的版本修复）。
3. 脚本实现与运行效果
3.1 脚本运行效果
我们在编写脚本时，我们要先明确好代码思路，首先下载图片先要找到对应的图片，在下载前需要先确认图片存储的地方，确认好后就可以进行下载啦。在本次代码编写的时候，我们使用了requests.get的方式去下载图片，目前使用request库里的操作去获取网络上的资源，会更方便快捷，让我们看看脚本实现的效果吧~
3.2 完整代码分享
这里也附上完整的示例代码给大家参考，有需要的同学可以自取学习哦：
# -*- encoding=utf8 -*- from airtest.core.api import * # 引入selenium的webdriver模块 from airtest_selenium.proxy import WebChrome import requests from selenium.webdriver.common.by import By def download_image(url, save_path): #下载图片 response = requests.get(url, stream=True) if response.status_code == 200: #网页可以正常访问 with open(save_path, 'wb') as file: for chunk in response.iter_content(1024): file.write(chunk) print("图片下载完成！") else: print("下载失败。") def start_selenium(): # 创建一个实例，代码运行到这里，会打开一个chrome浏览器 driver = WebChrome() driver.implicitly_wait(20) driver.get("https://www.baidu.com/") # 输入搜索关键词并提交搜索 search_box = driver.find_element_by_name('wd') search_box.send_keys('可爱猫猫图片') search_box.submit() # 定位搜索结果中的图片元素 image_elements = driver.find_elements(By.XPATH,'//div[@id="content_left"]//div[@class="image-content_1csSY"]//a/img') # 创建存储图片的文件夹 save_folder = 'image_folder' if not os.path.exists(save_folder): os.makedirs(save_folder) index = 0 # 循环保存图片 for i in image_elements: image_url = i.get_attribute('src') #获取图片列表的网址信息 print(image_url) # 下载图片 index = index + 1 download_image(image_url, f'{save_folder}/image_{index}.jpg') if __name__ == "__main__": start_selenium()
3.2 重要知识点
1）获取下载文件
requests.get()会将请求的响应内容全部下载到内存中，然后再返回给调用者。其中stream默认情况下是stream=False，但是如果文件过大就会导致内存不足的情况，所以这里使用流式传输的方式去进行下载。
response = requests.get(url, stream=True)
2）一块一块的遍历要下载的内容
当get函数的stream参数设置成True时，它不会立即开始下载，使用iter_content遍历内容或访问内容属性时才开始下载。
iter_content：分块去遍历要下载的内容，括号内的数字代表chunk_size处理数据时的块大小，单位是B（字节）
使用该函数下载大文件可以防止占用过多的内存，每次只下载小部分数据。
with open(save_path, 'wb') as file: for chunk in response.iter_content(1024): file.write(chunk)
3）创建存储图片的文件夹
先判断文件夹是否存在，若不存在则在路径（默认为脚本文件目录下）下创建一个文件夹
if not os.path.exists(save_folder): os.makedirs(save_folder)
4）获取图片的网址信息
element.get_attribute(name)：获得element的属性值。name可以是页面元素所含的属性名。
例如：
src：图片
textContent：标签之间的文本内容
innerHTML：标签之间的完整HTML内容等等.....
image_url = i.get_attribute('src') #获取图片列表的网址信息
4. 注意事项与小结
4.1 相关教程
- 如何使用AirtestIDE生产web自动化脚本
- 如何使用Airtest-selenium进行web端的页面元素交互
- 如何设置chromedriver以及一些常见的web脚本问题
- 为什么AirtestIDE无法检索web控件？
4.2 参考脚本的有效性
请各位同学们不要过多依赖于我们给出的参考脚本，通常情况下，网页的控件信息可能会随着前端的改动而更新，所以我们的教程并不是永久有效的。
更多的是参考整体脚本的知识点，查漏补缺，让自己在小实践中对web自动化的熟练程度更高。也非常欢迎热心同学给我们投稿~
