1. 产品
  2.   图片
  3.   JavaScript
  4.   Capture-Website
 
  

用于图像处理的开源 JavaScript 库

用于捕获网站屏幕截图的 JavaScript API

什么是捕获网站？

Capture-Website 是一个开源的轻量级图像处理库，使 JavaScript 开发人员能够捕获网站的屏幕截图。使用 API，您可以使用网站的 URL 对任何网站进行截图，截图保存在输出文件路径中。您可以设置屏幕截图的宽度、高度、类型和图像质量。此外，您还可以根据特定设备尺寸截取屏幕截图。

使用 API，您不仅可以截取可见部分的屏幕截图，还可以截取包括完整可滚动页面在内的整个站点的屏幕截图。默认情况下，API 使用白色背景作为屏幕截图。如果您移除背景，API 将捕获具有透明度的屏幕截图。

Previous Next

Capture-Website 入门

通过 NPM 安装 Capture-Website 的推荐方式。请使用以下命令进行安装。

通过 NPM 安装 Capture-Website Thief

 npm install capture-website

通过免费的 JavaScript API 截取网站截图

开源 Capture-Website 库允许 JavaScript 开发人员以编程方式捕获网站的屏幕截图。为了捕获站点的屏幕截图，API 提供了 captureWebsite.file() 方法。该方法采用输入文件名、输出文件路径和屏幕截图选项。通过使用以下两行代码，您可以轻松获取网站的截图。

捕获网站截图

  1. 导入捕获网站库
  2. 使用 captureWebsite.file(input, outputFilePath, options?) 捕获站点的屏幕截图。该方法捕获给定输入的屏幕截图并将其保存到给定的 outputFilePath。
  3. 您还可以设置输出文件的高度、宽度类型和宽度等选项

在 JavaScript 中捕获网站的屏幕截图

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');

在 JavaScript 中捕获特定设备大小的屏幕截图

开源 Capture-Website 库允许 JavaScript 开发人员在指定设备上捕获屏幕截图。为了捕获站点的屏幕截图，API 提供了 emulateDevice 属性。您可以模拟 iPhone X 大小的屏幕截图。通过使用以下两行代码，您可以轻松模拟网站的屏幕截图。

模拟设备截图

  1. 导入捕获网站库
  2. 使用 captureWebsite.file(input, outputFilePath, options?) 捕获站点的屏幕截图。该方法捕获给定输入的屏幕截图并将其保存到给定的 outputFilePath。
  3. 使用 emulateDevice 属性进行模拟并将值设置为“iPhone X”

用 JavaScript 模拟网站截图

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 中国人