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

[Persimmon08]

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

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

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

[aresyang]

FastStone Capture 10.5, 注册码很多

[fakEHacker]

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

[qhd1988]

推荐 FastStone Capture+1

[z960112559]

TIM 没 QQ 那么臃肿

[yier4ha]

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

```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]

PixPin 呢

[Persimmon08]

@aresyang @fakEHacker

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

[Persimmon08]

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