Greasy Fork

Greasy Fork is available in English.

changeChatGPTImage

替换ChatGPT里的ai头像 在页面加载完成后 代码都是基于ChatGPT提供的内容修改的

当前为 2022-12-21 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         changeChatGPTImage
// @namespace    changeChatGPTImage
// @version      1.0
// @description  替换ChatGPT里的ai头像 在页面加载完成后 代码都是基于ChatGPT提供的内容修改的
// @author       mei
// @match        https://chat.openai.com/chat
// @icon         https://chat.openai.com/apple-touch-icon.png
// @grant        none
// @license MIT
// ==/UserScript==

var link = "https://s3.bmp.ovh/imgs/2022/12/18/f2294e4eb27e9161.jpg";//ChatGPT的头像地址(你可以自己提供一个图片的链接来替换它。如果你希望使用某张本地图片可以选择上传到图床并用图床的链接替换它。)

var circle = false;//是否启用圆角 (你可以通过更改borderRadius的属性来调整圆角大小。过大的borderRadius可以使头像显示为圆形,目前即为圆形。)
var shadow = false;//是否启用阴影(不推荐)

var change = true;//改为false会启用自动填入,但是它的运作不是很理想,会被自动清除,除非给该文本进行编辑。(这个功能本来是为了自动输入RP内容)
var text = "Hello, world!";//自动填入的内容

document.addEventListener("DOMNodeInserted", function() {
    //自动填入
    if(!change){
        setTimeout(() => {
            let textelements = document.querySelectorAll('.flex.flex-col.w-full.py-2');
            let element = textelements[0];
            let textarea = element.querySelector('textarea');
            textarea.value = text;
        }, 500);
        change = !change;
    }
    //更换样式
    let elementsSVG = document.querySelectorAll('.flex.flex-col.relative.items-end svg');
    elementsSVG.forEach(function(elementSVG) {
        var imgElement = document.createElement("img");
        imgElement.src = link;
        if(circle){imgElement.style.borderRadius = "14px";}
        if(shadow){imgElement.style.boxShadow = "0 2px 4px rgba(0,0,0,6)";}

        elementSVG.parentNode.replaceChild(imgElement, elementSVG);
    });

    let elementsRound = document.querySelectorAll('.relative.p-1.rounded-sm.text-white.flex.items-center.justify-center');
    elementsRound.forEach(function(elementRound) {
        elementRound.style.padding = '0';
        if(circle){elementRound.style.borderRadius = "14px";}
    });

});
/*
document.addEventListener('DOMContentLoaded', function() {


});
*/