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

使用 Tampermonkey 捕获 ChatGPT 发送前的内容

  •  
  •   FaiChou ·
    FaiChou · 2023-09-02 18:58:27 +08:00 · 1416 次点击
    这是一个创建于 433 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网页端 ChatGPT 在发送消息时候,回车或者点击发送按钮后,对话框会被清空发送,如果遇到网络状况不佳,消息发送失败,则这条编辑的消息也消失了。

    所以想使用 Tampermonkey 来捕获这个发送行为:

    // ==UserScript==
    // @name         ChatGPT 回车捕获
    // @namespace    http://tampermonkey.net/
    // @version      0.1
    // @description  try to take over the world!
    // @author       You
    // @match        https://chat.openai.com/*
    // @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
    // @run-at       document-idle
    // @grant        none
    // ==/UserScript==
    
    (function() {
        'use strict';
        function run() {
            const inputElement = document.querySelector('#prompt-textarea');
            if (inputElement) {
                console.log("[ChatGPT 回车捕获]: Hacked!");
                inputElement.addEventListener('keydown', function(event) {
                    if (event.keyCode === 13) {
                        console.log("[ChatGPT 回车捕获]: 即将发送的内容=> ", inputElement.value);
                    }
                });
            } else {
                console.log("[ChatGPT 回车捕获]: No inputElement found!")
            }
        }
        setTimeout(() => {
            run();
        }, 3000);
        let oldPushState = history.pushState;
        history.pushState = function pushState() {
            let ret = oldPushState.apply(this, arguments);
            window.dispatchEvent(new Event('pushstate'));
            window.dispatchEvent(new Event('locationchange'));
            return ret;
        };
        let oldReplaceState = history.replaceState;
        history.replaceState = function replaceState() {
            let ret = oldReplaceState.apply(this, arguments);
            window.dispatchEvent(new Event('replacestate'));
            window.dispatchEvent(new Event('locationchange'));
            return ret;
        };
        window.addEventListener('popstate', () => {
            window.dispatchEvent(new Event('locationchange'));
        });
        window.addEventListener('locationchange', function () {
            setTimeout(() => {
                run();
            }, 3000);
        });
    })();
    
    

    上面代码虽然能完成这项工作:

    • 监听 #prompt-textarea 这个输入框
    • 当按下回车键时候将输入框内的消息输出到控制台
    • 为了确保页面加载完成再捕获,延迟 3 秒执行
    • 为了解决切换不同的对话导致输入框改变,监听路由改变并重新 hack

    但这样的实现也有一些其他问题,比如页面在第 3 秒后才完全加载出来。并且只是监听了回车按键,发送按钮也是一样的逻辑(重复代码,没有写)。

    所以这样做有点丑,大佬们有什么其他方法来优化一下?

    比如 hack 一些内部方法:

    let msg = null;
    const OldTextDecoder = TextDecoder;
    TextDecoder = class {
        constructor() {
            this.old = new OldTextDecoder(...arguments);
        }
        decode() {
            const res = this.old.decode(...arguments);
            try {
                msg = JSON.parse(res).message.content.parts[0];
            } catch (e) {
            }
            if (msg != null && res == "[DONE]") {
                if (window.ongpt) {
                    window.ongpt(msg);
                }
                msg = null;
            }
            return res;
        }
    };
    

    但这只是 hack 了 TextDecoder ,输入框发送前的消息应该如何 hack ?

    ps. 仅探讨技术实现,不用推荐潘多拉等第三方工具。

    6 条回复    2023-09-03 07:58:41 +08:00
    codehz
        1
    codehz  
       2023-09-02 19:07:08 +08:00 via iPhone
    我建议用第三方前端解决这个问题
    BeautifulSoap
        2
    BeautifulSoap  
       2023-09-02 19:18:29 +08:00 via Android
    多年来已经养成了在按下发信息/发帖/回帖按钮之前,先全选、剪切、粘贴一遍的肌肉记忆了
    Byzliu
        3
    Byzliu  
       2023-09-02 19:25:47 +08:00 via Android
    @BeautifulSoap 我也是,尤其是字多的时候😂
    nuanshen
        4
    nuanshen  
       2023-09-02 19:40:12 +08:00 via iPad
    @Byzliu 我甚至会先在备忘录里编辑好
    Liftman
        5
    Liftman  
       2023-09-03 00:16:46 +08:00
    再做一个 claude 的吧。如果 gpt 卡回复,我遇到的情况基本上其实还在提问记录里。但是 claude 因为免费,他卡消失的几率很大。
    BaseException
        6
    BaseException  
       2023-09-03 07:58:41 +08:00 via iPhone
    一直在用 chatgpt next web 没有这个烦恼
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2769 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 01:53 · PVG 09:53 · LAX 17:53 · JFK 20:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.