如何写一个脚本打开特定网页并截图

wen 实用脚本 2026-07-29 3

如何写一个脚本打开特定网页并截图（完整指南）

📖 目录导读

为什么你需要自动化网页截图？
核心工具选择：Python vs JavaScript vs 命令行
零基础Python脚本：Selenium实现网页打开与截图
轻量级方案：Puppeteer（Node.js）快速截图脚本
跨平台技巧：无头浏览器与截图参数调优
常见问题与解决方案（QA环节）
进阶优化：定时截图、批量截图与异常处理
从脚本到自动化工作流

为什么你需要自动化网页截图？

在日常办公或开发中,我们经常需要保存网页的“快照”——可能是监控仪表板的状态、归档电商页面、记录动态数据变化，或者为测试报告提供证据，手动按Print Screen不仅效率低，而且无法精准控制截图时机、分辨率甚至滚动区域。编写一个脚本自动打开特定网页并截图成为刚需。

如何写一个脚本打开特定网页并截图

Q：用截图工具不就好了，为什么要写脚本？
A：脚本可以实现无人值守、定时执行、批量处理，每天早上8点自动截取公司后台数据看板，并发送到邮箱——人力无法做到这种重复精准操作。

本指南将覆盖三套主流方案：Python Selenium（通用）、Node.js Puppeteer（高性能）、以及命令行工具（极简），并抽取出最适合 SEO 和实际应用的技巧。

核心工具选择：Python vs JavaScript vs 命令行

工具	语言	适用场景	学习成本
Selenium + WebDriver	Python	兼容所有浏览器，支持动态渲染	中等
Puppeteer	Node.js	Chrome/Firefox，截图性能快	较低
Playwright	Python/JS	跨浏览器，微软维护	中等
wkhtmltoimage	命令行	简单HTML截图	最低

推荐入门首选：Python Selenium（生态成熟，教程多），追求效率选 Puppeteer，本文会重点拆解这两个。

零基础Python脚本：Selenium实现网页打开与截图

1 环境准备

pip install selenium pillow

并从 ChromeDriver官网下载对应Chrome版本的驱动，放在脚本同级目录。

2 核心脚本代码

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from datetime import datetime
def capture_webpage(url, output_name=None):
    # 配置无头浏览器（不显示界面）
    chrome_options = Options()
    chrome_options.add_argument('--headless')
    chrome_options.add_argument('--disable-gpu')
    chrome_options.add_argument('--window-size=1920,1080')
    driver = webdriver.Chrome(options=chrome_options)
    driver.get(url)
    # 等页面完全加载（可按需增加显式等待）
    driver.implicitly_wait(5)
    # 截图并保存
    if not output_name:
        output_name = f"screenshot_{datetime.now().strftime('%Y%m%d_%H%M%S')}.png"
    driver.save_screenshot(output_name)
    driver.quit()
    print(f"截图已保存: {output_name}")
# 使用示例 —— 替换成你的域名，这里用example.com演示
capture_webpage("https://www.example.com")

3 关键参数说明

--headless：无头模式，服务器环境必须开启。
window-size：设置截图分辨率，避免出现滚动条。
implicitly_wait(5)：最多等待5秒让页面元素加载，避免截到白屏。

Q：截图只截了上半部分，怎么截取整个页面长度？
A：需要先获取页面高度，再设置窗口高度，添加以下代码：
height = driver.execute_script("return document.body.scrollHeight")
driver.set_window_size(1920, height)

轻量级方案：Puppeteer（Node.js）快速截图脚本

如果你熟悉JavaScript,Puppeteer是更优雅的选择，尤其适合截取SPA（单页应用）。

1 安装与基本脚本

npm init -y
npm install puppeteer

2 完整截图代码

const puppeteer = require('puppeteer');
(async () => {
    const browser = await puppeteer.launch({
        headless: "new" // 新版无头模式
    });
    const page = await browser.newPage();
    await page.setViewport({ width: 1920, height: 1080 });
    await page.goto('https://www.example.com', {
        waitUntil: 'networkidle2' // 等待网络空闲
    });
    // 截取整个页面（全页截图）
    await page.screenshot({ 
        path: `screenshot_${Date.now()}.png`,
        fullPage: true 
    });
    await browser.close();
    console.log('截图完成');
})();

优势：

内置等待机制（networkidle2确保所有资源加载完毕）
支持PDF、截取特定元素（page.screenshot({ clip: {...} })）

跨平台技巧：无头浏览器与截图参数调优

无论你用哪个框架,以下技巧都能大幅提升截图质量：

等待动态内容：使用显式等待（如Selenium的WebDriverWait）等待特定CSS选择器出现，而不是固定时间。
禁止弹窗拦截：添加参数--disable-popup-blocking。
处理登录态：在脚本中使用add_cookie()提前设置登录Cookie，或者用浏览器已保存的User Data路径（Puppeteer可以用userDataDir）。
截图格式：PNG无损但文件大；JPEG压缩可指定质量（page.screenshot({ type: 'jpeg', quality: 80 })）。
水印/标注：截图后用PIL（Python）或Sharp（Node.js）添加时间戳信息。

性能优化：如果每次截屏都启动浏览器，速度会很慢，可以复用浏览器实例，只新建Tab页面。

常见问题与解决方案（QA环节）

Q1：截图提示“文件找不到”或“chromedriver不是可执行程序”
A：检查Chrome浏览器的版本和ChromeDriver版本是否完全匹配（查看版本号：Chrome地址栏输入chrome://version/）。

Q2：截到的图片是白色（或部分空白）
A：可能页面尚未加载完成，建议使用显式等待：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, "main-content"))
)

Q3：想截取页面中某个区域（如表格）而不是全页
A：Selenium先定位元素用location和size属性计算坐标，然后裁剪；Puppeteer直接用元素选择器：

const element = await page.$('#my-table');
await element.screenshot({ path: 'table.png' });

Q4：如何定时截图？
A：在脚本外层添加循环和sleep：

import schedule
schedule.every().day.at("09:00").do(capture_webpage, url="...")
while True:
    schedule.run_pending()

进阶优化：定时截图、批量截图与异常处理

1 批量截图代码片段（Python）

urls = [
    ("https://site1.com", "dashboard"),
    ("https://site2.com/report", "report"),
]
for url, name in urls:
    try:
        capture_webpage(url, name)
    except Exception as e:
        print(f"截图失败: {url}, 错误: {e}")
        continue