所以想使用 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);
});
})();
上面代码虽然能完成这项工作:
但这样的实现也有一些其他问题，比如页面在第 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. 仅探讨技术实现，不用推荐潘多拉等第三方工具。
