AI Chat WideScreen

Make the ChatGPT & DeepSeek conversation window wider.使ChatGPT和DeepSeek的聊天对话框更宽

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         AI Chat WideScreen
// @namespace    http://tampermonkey.net/
// @version      2.2
// @description  Make the ChatGPT & DeepSeek conversation window wider.使ChatGPT和DeepSeek的聊天对话框更宽
// @author       Xiong Yu
// @match        https://chat.openai.com/*
// @match        https://chatgpt.com/*
// @match        https://chat.deepseek.com/*
// @grant        none
// @homepageURL  https://greatest.deepsurf.us/zh-CN/scripts/473238
// ==/UserScript==

(function() {
    'use strict';

    function updateStyle(element) {
        element.style.maxWidth = '95%';
    }

    const nodes = [
        'body > div > div > main > div > div > div > div > div > div > article > div > div',
        'body > div > div > div > div > main > div > div > div > div > div > div > article > div > div',
        'body > div > div > div > div > main > div > div > div > div > article > div > div',
        'body > div > div > div > div > main > div > div > div > div > div > article > div > div',
        '#root > div > div > div > div > div > div > div > div'
    ];

    const observer = new MutationObserver(mutationsList => {
        mutationsList.forEach(mutation => {
            if (mutation.addedNodes.length > 0) {
                mutation.addedNodes.forEach(addedNode => {
                    if (addedNode.nodeType === Node.ELEMENT_NODE) {
                        if (nodes.some(selector => addedNode.matches(selector))) {
                            updateStyle(addedNode);
                        } else {
                            nodes.forEach(selector => {
                                addedNode.querySelectorAll(selector).forEach(updateStyle);
                            });
                        }
                    }
                });
            }
        });
    });

    observer.observe(document, { childList: true, subtree: true });
})();