Shot Scraper 是一个用于创建 GitHub 存储库的模板，可用于自动捕获网页的屏幕截图并将其存储在存储库中。保存网页的屏幕截图非常重要。它们可以帮助您记录页面设计和外观的变化，并维护过去的档案。开发人员发现在对模型进行大修之前参考这些档案非常有用。手动截取屏幕截图可能非常麻烦，您可能经常忘记这样做。Shot Scraper 模板可帮助您只需单击几下即可轻松自动化此过程。整个系统基于 GitHub Actions 工作流，该工作流在存储库中的 shots.yml 文件中定义，该文件是从 Shot Scraper 模板创建的。本文末尾提供了模板的 URL（链接）。在此模板之前，您必须拥有一个 GitHub 帐户。怎么运作的：1. 单击本文末尾提供的 Shot Scraper 模板链接以开始创建 GitHub 存储库的过程。2. 提供存储库的名称，并在描述字段中键入要捕获其屏幕截图的网页的完整路径。您可以暂时将此字段留空，稍后通过编辑shots.yml文件来提供网页 URL。此外，您可以通过编辑同一文件来截取多个网页的屏幕截图。接下来，单击“从模板创建存储库”。3. 一段时间后，将生成您的新存储库，并且自动 GitHub Actions 脚本将执行几秒钟，以捕获您在上面指定的网页的屏幕截图（如果有）。捕获的屏幕截图将以shots.yml文件中指定的文件名保存在存储库中。4. 要重新捕获屏幕截图，请导航到 GitHub“作”选项卡，单击左侧面板中的“截取屏幕截图”，单击右侧的“运行工作流”按钮，然后单击“运行工作流”绿色按钮。存储库将自动记录屏幕截图的每个先前版本，这有利于跟踪页面的视觉更改及其演变方式。可以使用以下参数编辑shots.yml文件：网页的 URL：使用“-url：”参数添加页面的 URL。例如，要捕获网页 https://www.history.com/，请插入“-url： https://www.history.com/”行输出文件：若要为屏幕截图文件提供名称，请使用“output：”参数。例如，要将文件命名为 history.png，请插入“output： history.png”行。如果将文件扩展名指定为 jpg，则图像将以 JPG 格式保存。图像高度：要指定屏幕截图图像的高度，请使用 'height：' 参数。例如，“height： 800”指定图像的高度应为 800 像素。同样，您也可以指定图像的宽度和质量延迟：要在截屏前添加延迟，请使用“wait：”参数。例如，“wait： 3000”会在捕获屏幕截图之前增加 3 秒的延迟。下面的屏幕截图定义了一个示例shots.yml文件。您可以添加任意数量的 URL，然后添加相关参数，以将多个网页的快照存储在 Github 存储库中。判决：Shot Scraper 是一个很好的工具，可以自动截取多个网页的屏幕截图并将它们存储在 GitHub 存储库中，而无需手动使用任何屏幕捕获实用程序。它非常有价值，因为它可以帮助您记录任何网页的更改，以了解其进展和演变情况单击此处 Shot Scraper 模板以构建您的存储库。在开始之前，请确保您拥有 GitHub 帐户。
