网页长截图脚本

使用鼠标左键框选范围

作者
PPYC QHA
日安装量
0
总安装量
3
评分
0 0 0
版本
4.4
创建于
2025-09-15
更新于
2025-09-15
大小
9.2 KB
许可证
GNU GPLv3.
适用于
所有网站

网页长截图脚本

这是一款强大而轻量级的网页截图油猴脚本,旨在提供最流畅、最精准的“长截图”和“区域截图”体验。告别繁琐的滚动、多次截图和手动拼接,只需一次拖拽,即可完美捕获所需内容。

本脚本基于 html2canvas 库,采用单次渲染引擎,能够一次性将整个选区(包括屏幕外内容)渲染成一张图片,从根本上杜绝了传统拼接截图产生的裂缝和错位问题,截图速度极快,画面完美无瑕。


✨ 特色功能

  • 🖱️ 区域选择,精准截图: 激活后可像桌面截图软件一样,通过拖拽鼠标自由选择任意矩形区域进行截图。
  • ↕️ 自动滚动,轻松长图: 当选框拖拽至浏览器窗口底部或顶部时,页面会自动平滑滚动,让您轻松截取远超一屏的“长图”。
  • ✨ 单次渲染,完美无缝: 采用先进的单次渲染技术,直接生成完整图片,无任何拼接痕迹,确保图片质量和内容完整性。
  • 🎯 高亮光标,定位清晰: 优化了截图时的鼠标指针,采用高对比度的绿黑色十字准星光标,即使在最复杂的背景下也能清晰定位,实现像素级精准选择。
  • 🖼️ 偏移修正,所见即所得: 解决了 html2canvas 常见的截图横向偏移问题,确保您框选的位置就是最终图片呈现的位置。
  • 🙈 智能隐藏,干净画面: 截图时会自动隐藏页面上的固定定位元素(如“回到顶部”按钮、固定导航栏等)以及脚本自身的图标,让您的截图更干净、更专注。
  • 🚀 轻量高效,兼容性强: 脚本本身非常小巧,无不必要的依赖。可在绝大多数网站上正常工作(特殊技术栈页面除外)。

📖 使用说明

第一步:安装脚本

  1. 确保您的浏览器已经安装了脚本管理器扩展,如 Tampermonkey (推荐) 或 Violentmonkey。
  2. 在 Greasy Fork 页面点击“安装此脚本”按钮。

第二步:触发截图

  • 安装成功后,在任意网页的右侧边缘,您会看到一个半隐藏的相机图标 📷。 image
  • 将鼠标悬停到该图标上,它会自动完全滑出。 image
  • 单击相机图标,即可进入截图模式。

第三步:选择区域

  • 进入截图模式后,整个页面会覆盖一层半透明的蒙版,并且鼠标指针会变成一个非常醒目的绿黑色十字准星 ✨。 image
  • 按住鼠标左键,从您希望的起点开始拖拽,一个绿色的虚线框会显示您当前选择的区域。
  • 如果您想截取超过当前屏幕的内容,只需将鼠标向下拖动并保持在浏览器窗口的底部边缘,页面便会自动开始向下滚动。选框也会随之扩大。 image
  • 同理,向上拖动到顶部边缘也可以向上滚动。

第四步:完成并下载

  • 选定所有您需要的内容后,松开鼠标左键
  • 脚本会立即开始处理并生成截图(处理时图标会显示加载动画)。
  • 稍等片刻,一张完整的 .png 格式截图便会自动下载到您的电脑。 image

如何取消?

  • 如果您想取消本次截图,只需在进入截图模式后,单击页面任意位置(不要拖拽)即可退出。

⚠️ 注意事项

  • 对于结构异常复杂、包含大量动态内容(如WebGL、Canvas动画)或受保护的媒体内容的页面,截图可能会失败或出现内容不完整的情况。
  • 选择的区域如果过长或过宽,可能会因浏览器内存限制而导致截图失败。建议不要一次性截取数万像素长度的页面。
  • 脚本默认不会在 iframe 框架内部加载,以避免重复出现截图图标。