V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Persimmon08
V2EX  ›  OpenAI

如何实现 chatgpt 网页长截屏(滚动截屏)?

  •  
  •   Persimmon08 · 172 天前 · 1324 次点击
    这是一个创建于 172 天前的主题,其中的信息可能已经有所发展或是发生改变。
    • 需求:由于 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 友还有没有其他法子?感谢各位大哥!

    8 条回复    2024-07-05 11:47:05 +08:00
    aresyang
        1
    aresyang  
       172 天前   ❤️ 1
    FastStone Capture 10.5, 注册码很多
    fakEHacker
        2
    fakEHacker  
       171 天前 via Android
    下载一个支持的截图软件 好用的很多
    qhd1988
        3
    qhd1988  
       171 天前   ❤️ 1

    推荐 FastStone Capture+1
    z960112559
        4
    z960112559  
       171 天前
    TIM 没 QQ 那么臃肿
    yier4ha
        5
    yier4ha  
       171 天前   ❤️ 1
    我尝试用 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
        6
    THE12TH  
       171 天前
    PixPin 呢
    Persimmon08
        7
    Persimmon08  
    OP
       171 天前
    @aresyang @fakEHacker

    FastStone Capture 10.5 感觉体验不错,非常感谢!
    Persimmon08
        8
    Persimmon08  
    OP
       171 天前
    思路很好,可以自己造轮子
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1718 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:32 · PVG 00:32 · LAX 08:32 · JFK 11:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.