// ==UserScript== // @name Claude Content Max-Width // @namespace http://tampermonkey.net/ // @version 0.2 // @description adjust Claude Content Max-Width // @author shawn-wxn // @match https://claude.ai/* // @match https://poe.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=claude.ai // @grant none // @license GPL-2.0-only // @downloadURL none // ==/UserScript== (function () { // 获取当前的 URL var currentURL = window.location.href; // 根据当前 URL 进行 if-else 逻辑判断 if (currentURL.includes("poe.com")) { function mainSectionAndChatPageMain() { const mainSection = document.querySelector('div[class^="PageWithSidebarLayout_mainSection__"]'); mainSection.style.setProperty('max-width', Math.floor(window.innerWidth * 0.78) + 'px', 'important'); const chatPageMain = document.querySelector('div[class^="ChatPageMain_container__"]'); chatPageMain.style.setProperty('--desktop-reading-column-max-width', Math.floor(window.innerWidth * 0.78) + 'px', 'important'); } function changeMessageBox() { const messageBoxs = document.querySelectorAll('div[class^="Message_humanMessageBubble__"]'); messageBoxs.forEach(messageBox => { messageBox.style.setProperty('max-width', Math.floor(window.innerWidth * 0.078) + 'ch', 'important'); } ); } // 选择需要观察变动的节点 const targetNode = document.querySelector('div[class^="InfiniteScroll_pagingTrigger__"]'); // 创建一个观察器实例 const observer = new MutationObserver(mutations => { var mutation = mutations[0]; if (mutation.type === 'childList' && mutation.removedNodes.length > 0) { changeMessageBox(); } if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { console.log("加载开始...") } } ); // 开始观察 observer.observe(targetNode, { // attributes: true, // 观察属性变动 childList: true, // 观察子节点变动 // subtree: true // 同时观察后代节点 }); mainSectionAndChatPageMain(); changeMessageBox(); } else if (currentURL.includes("claude.ai")) { // 创建一个