网页截图 API

根据 URL 地址获取网站的截图预览

接口地址

GET https://api1.1vdh.com/mshots/v1/{url}

请求参数

名称 必填 类型 说明
url string 需要截图的网站 URL 地址,需包含 http:// 或 https://
w int 截图宽度,默认 1280
h int 截图高度,默认 960

返回数据

名称 类型 说明
图片数据 image/png 直接返回 PNG 格式的截图图片

注意:首次访问新的 URL 时,mshots 服务需要后台生成截图,可能会返回占位图。请等待 10-30 秒后刷新即可看到真实截图。

请求示例

基础截图

GET https://api1.1vdh.com/mshots/v1/https://www.baidu.com

指定尺寸

GET https://api1.1vdh.com/mshots/v1/https://www.baidu.com?w=600&h=400

在线演示

输入任意网址,实时生成截图预览:

HTML 引用

<!-- 基础用法 -->
<img src="https://api1.1vdh.com/mshots/v1/https://www.baidu.com" alt="百度截图">

<!-- 指定尺寸 -->
<img src="https://api1.1vdh.com/mshots/v1/https://www.baidu.com?w=600&h=400" alt="百度截图">

JavaScript / Fetch

// 获取截图并显示
const url = 'https://www.baidu.com';
const apiUrl = `https://api1.1vdh.com/mshots/v1/${encodeURIComponent(url)}`;

fetch(apiUrl)
  .then(response => response.blob())
  .then(blob => {
    const img = document.createElement('img');
    img.src = URL.createObjectURL(blob);
    document.body.appendChild(img);
  });

PHP

<?php
$url = 'https://www.baidu.com';
$apiUrl = 'https://api1.1vdh.com/mshots/v1/' . urlencode($url);
?>
<img src="<?php echo $apiUrl; ?>" alt="截图">

Python

import requests
from urllib.parse import quote

url = 'https://www.baidu.com'
api_url = f'https://api1.1vdh.com/mshots/v1/{quote(url, safe="")}'

response = requests.get(api_url)
with open('screenshot.png', 'wb') as f:
    f.write(response.content)