如何实现 chatgpt 网页长截屏（滚动截屏）？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 463 天前的主题，其中的信息可能已经有所发展或是发生改变。

需求：由于 chatgpt 的有些回答较长，需要长截屏或滚动截屏

目前已知 qq 可以实现对 chatgpt 网页的可控（对指定滑动的区域）长截屏，但软件太臃肿，不常登录，各种通知很烦。
snipaste 似乎没有长截屏或者滚动截屏功能。
shareX 可以滚动截屏，但滚动过程似乎不可控，默认直接从起始位置滚动到页面底部了。
firefox 快捷键 ctrl+shift+S 支持 github 、google 等多个网页可控滚动截屏，但是不支持 chatgpt 网页滚动截屏，很奇怪。
chrome 上的 Awesome Screenshot 扩展在其他网页是可控的滚动截屏，但不支持 chatgpt 网页滚动截屏。
chrome 上的 GoFullPage 扩展把整个网页都给滚动截屏下来了。

综上：qq 凑合能用。各位 v 友还有没有其他法子？感谢各位大哥！

ChatGPT

滚动截屏

8 条回复 2024-07-05 11:47:05 +08:00

aresyang

2024-07-05 00:28:10 +08:00

FastStone Capture 10.5, 注册码很多

fakEHacker

2024-07-05 00:54:08 +08:00 via Android

下载一个支持的截图软件好用的很多

qhd1988

2024-07-05 09:35:23 +08:00

推荐 FastStone Capture+1

z960112559

2024-07-05 10:09:12 +08:00

TIM 没 QQ 那么臃肿

yier4ha

2024-07-05 11:04:07 +08:00

我尝试用 chatgpt 写了一个油猴脚本目前是可用的。他经常更新前端 DOM 结构后面不能用了就要自己更新。

![]( https://img.xsojson.com/file/dbd60904a03905d517fa0.png)
```Javascript
// ==UserScript==
// @name ChatGPT 截长图工具
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://chatgpt.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @grant GM_addElement
// @require https://unpkg.com/[email protected]/dist/FileSaver.min.js
// @require https://unpkg.com/[email protected]/dist/html2canvas.js
// ==/UserScript==

(function () {
'use strict';

const init = () => {
function snapChat() {
var selector = '#__next > div.relative.z-0.flex.h-full.w-full.overflow-hidden > div.relative.flex.h-full.max-w-full.flex-1.flex-col.overflow-hidden > main > div > div > div > div > div > div';
var headSelector = `#__next > div.relative.z-0.flex.h-full.w-full.overflow-hidden > div.relative.flex.h-full.max-w-full.flex-1.flex-col.overflow-hidden > main > div.flex.h-full.flex-col.focus-visible\\:outline-0 > div.flex-1.overflow-hidden > div > div > div > div > div.sticky.top-0.juice\\:p-3.mb-1\\.5.flex.items-center.justify-between.z-10.h-14.p-2.font-semibold.bg-token-main-surface-primary`
document.querySelector(headSelector).style.display = "none"
var target = document.querySelector(selector);
if (!target) {
return;
}
html2canvas(target).then(function (canvas) {
canvas.toBlob(blob => {
saveAs(blob, "chatshot.png");
document.querySelector(headSelector).style.display = "flex"
});
});
}

var btn = document.createElement('a');
btn.className = 'flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 cursor-pointer text-sm';
btn.innerText = '截取当前对话长图';
btn.Onclick= snapChat;
var menu = document.querySelector('nav');
menu.appendChild(btn);
window.snapChat = snapChat;
};

init();
})();

```

THE12TH

2024-07-05 11:16:43 +08:00

PixPin 呢

Persimmon08

2024-07-05 11:45:28 +08:00

@aresyang @fakEHacker

FastStone Capture 10.5 感觉体验不错，非常感谢！

Persimmon08

2024-07-05 11:47:05 +08:00

思路很好，可以自己造轮子