网站建设年费响应式布局实训报告

1. 前言

那么这周我们看看如何实现使用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 Bydef 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 + 1download_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自动化的熟练程度更高。也非常欢迎热心同学给我们投稿~