根据 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
输入任意网址,实时生成截图预览:
<!-- 基础用法 -->
<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="百度截图">
// 获取截图并显示
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
$url = 'https://www.baidu.com';
$apiUrl = 'https://api1.1vdh.com/mshots/v1/' . urlencode($url);
?>
<img src="<?php echo $apiUrl; ?>" alt="截图">
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)