1. 使用浏览器内置开发者工具批量截取
- 操作：按`F12`打开开发者工具，切换到“Console”控制台。
- 输入代码：
javascript
var elements = document.querySelectorAll('.target-class');
elements.forEach((el, index) => {
2canvas(el).then(canvas => {
canvas.toBlob(blob => {
saveAs(blob, `screenshot-${index}.png`);
});
});
});

- 说明：将`.target-class`替换为需要截图的元素CSS类名，依赖`2canvas`和`FileSaver`库。
2. 安装SingleFile+Fireshot组合插件
- 步骤：先安装`SingleFile`扩展（用于合并网页资源），再安装`Fireshot`（支持全页截图）。
- 使用：点击`Fireshot`图标 > 选择“Capture Entire Page” > 在保存前勾选“Use SingleFile Format”。
- 结果：生成包含所有图片链接的HTML文件，同时自动下载页面内所有元素截图。
3. 通过书签脚本实现一键批量保存
- 创建方法：在书签栏新增书签，名称自定义，URL输入以下代码：
javascript
(function() {
var images = document.querySelectorAll('img');
images.forEach((img, i) => {
var a = document.createElement('a');
a.href = img.src;
a.download = `image-${i}`;
document.body.appendChild(a);
a.click();
a.remove();
});
})();

- 触发：点击书签后，页面内所有图片将依次自动下载到默认文件夹。
4. 利用Chrome任务自动化工具
- 工具：安装`Task Automation`扩展，配置任务流程：打开网页 > 等待加载完成 > 执行`Ctrl+S`保存为PDF > 使用PDF拆分工具提取单页。
- 优势：适合需要定期批量处理相同网页的场景（如监控数据报表）。
5. Python脚本结合Selenium框架抓取
- 代码示例：
python
from selenium import webdriver
from PIL import Image

driver = webdriver.Chrome()
driver.get("[网页URL]")
elements = driver.find_elements_by_css_selector(".screenshot-target")
for i, el in enumerate(elements):
el.screenshot(f'screenshot-{i}.png')
driver.quit()

- 运行：安装`selenium`和`pillow`库，修改CSS选择器后执行脚本，自动保存指定元素截图。