使用教程：
https://blog.csdn.net/WF_YL/article/details/156611609?fromshare=blogdetail&sharetype=blogdetail&sharerId=156611609&sharerefer=PC&sharesource=WF_YL&sharefrom=from_link
效果：
1.消息框变窄
2.消息框变宽
3.切换上下消息
感谢您的使用，有什么需求可以评论噢，新年快乐！
源代码：
// ==UserScript== // @name 豆包对话导航6.8 消息列控制 // @namespace http://tampermonkey.net/ // @version 2026-01-05 // @description 在豆包网页版中快速跳转到上一个或下一个对话 // @author You // @match https://www.doubao.com/* // @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== // @grant none // ==/UserScript== /** * 豆包对话导航脚本 * 提供键盘快捷键和UI按钮，用于在豆包网页版中快速跳转到上一个或下一个对话 */ (function () { 'use strict'; // 对话列表选择器 const CONVERSATION_LIST_SELECTOR = '[data-testid="sidebar-section-item"] + div'; const CONVERSATION_ITEM_SELECTOR = '[data-testid="chat_list_thread_item"]'; const ACTIVE_CONVERSATION_SELECTOR = '[data-testid="chat_list_thread_item"][aria-current="page"]'; const CONVERSATION_LIST_WRAPPER_SELECTOR = '.flow-scrollbar'; const CONVERSATION_LIST_TESTID_SELECTOR = '[data-testid="sidebar-section-item"]'; // 消息选择器（用于对话内消息导航） const MESSAGE_BLOCK_SELECTOR = '.message-block-container-PggqdK'; const MESSAGE_TESTID_SELECTOR = '[data-testid="message-block-container"]'; const MESSAGE_ID_ATTRIBUTE = 'data-message-id'; /** * 获取当前激活的对话项 * @returns {HTMLElement|null} 当前激活的对话项 */ function getActiveConversation() { // 尝试使用aria-current="page"属性查找激活的对话 let activeConversation = document.querySelector(ACTIVE_CONVERSATION_SELECTOR); // 如果没有找到，尝试通过特殊的背景色或其他视觉特征查找 if (!activeConversation) { const conversations = getAllConversations(); if (conversations.length > 0) { // 遍历所有对话，查找具有特殊样式的对话项 conversations.forEach(conversation => { if (conversation.classList.contains('e2e-test-active')) { activeConversation = conversation; } }); } } return activeConversation; } /** * 获取所有对话项 * @returns {NodeList|null} 所有对话项的集合 */ function getAllConversations() { return document.querySelectorAll(CONVERSATION_ITEM_SELECTOR); } /** * 跳转到指定的对话项 * @param {HTMLElement} conversationItem 对话项元素 */ function jumpToConversation(conversationItem) { if (!conversationItem) { console.error('豆包对话导航 - 对话项元素不存在，无法跳转'); return; } console.log('豆包对话导航 - 尝试跳转到对话项:', conversationItem); try { // 先滚动到对话项使其可见 conversationItem.scrollIntoView({ behavior: 'smooth', block: 'center' }); // 延迟更长时间确保元素可见和交互可用 setTimeout(() => { try { // 先检查元素是否可见 const rect = conversationItem.getBoundingClientRect(); const isVisible = rect.top >= 0 && rect.bottom <= window.innerHeight; console.log('豆包对话导航 - 对话项可见性:', isVisible, rect); // 确保元素在视口中 if (!isVisible) { console.log('豆包对话导航 - 对话项不可见，再次滚动到可见区域'); conversationItem.scrollIntoView({ behavior: 'instant', block: 'center' }); } // 尝试多种点击方式 console.log('豆包对话导航 - 尝试直接点击对话项'); if (conversationItem.click) { // 先获取点击位置 const clickX = rect.left + rect.width / 2; const clickY = rect.top + rect.height / 2; // 直接点击 conversationItem.click(); console.log('豆包对话导航 - 直接点击成功'); } // 尝试点击对话项的子元素（如果有的话） else if (conversationItem.firstElementChild) { console.log('豆包对话导航 - 尝试点击对话项的子元素'); conversationItem.firstElementChild.click(); } else { console.log('豆包对话导航 - 直接点击不可用，尝试使用dispatchEvent'); // 如果直接点击失败，尝试使用dispatchEvent触发点击事件 const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true, view: window, clientX: rect.left + rect.width / 2, clientY: rect.top + rect.height / 2, screenX: window.screenX + rect.left + rect.width / 2, screenY: window.screenY + rect.top + rect.height / 2, button: 0, buttons: 1, mozInputSource: 1, webkitForce: 1, pointerId: 1, pointerType: 'mouse' }); const result = conversationItem.dispatchEvent(clickEvent); console.log('豆包对话导航 - dispatchEvent点击结果:', result); } // 额外尝试触发mouseover和mousedown事件，模拟真实点击过程 setTimeout(() => { console.log('豆包对话导航 - 尝试模拟完整的鼠标事件序列'); const mouseoverEvent = new MouseEvent('mouseover', { bubbles: true, cancelable: true, clientX: rect.left + rect.width / 2, clientY: rect.top + rect.height / 2 }); const mousedownEvent = new MouseEvent('mousedown', { bubbles: true, cancelable: true, clientX: rect.left + rect.width / 2, clientY: rect.top + rect.height / 2, button: 0, buttons: 1 }); const mouseupEvent = new MouseEvent('mouseup', { bubbles: true, cancelable: true, clientX: rect.left + rect.width / 2, clientY: rect.top + rect.height / 2, button: 0, buttons: 0 }); conversationItem.dispatchEvent(mouseoverEvent); conversationItem.dispatchEvent(mousedownEvent); conversationItem.dispatchEvent(mouseupEvent); }, 50); } catch (clickError) { console.error('豆包对话导航 - 点击对话项时出错:', clickError); // 最后的尝试：如果是链接元素，直接跳转 if (conversationItem.tagName === 'A' && conversationItem.href) { console.log('豆包对话导航 - 尝试直接跳转到链接:', conversationItem.href); window.location.href = conversationItem.href; } } }, 300); // 增加延迟时间 } catch (error) { console.error('豆包对话导航 - 跳转对话时出错:', error); } } /** * 跳转到上一个对话 */ function jumpToPreviousConversation() { const active = getActiveConversation(); const allConversations = getAllConversations(); if (!active || !allConversations.length) return; const conversations = Array.from(allConversations); const activeIndex = conversations.indexOf(active); if (activeIndex > 0) { jumpToConversation(conversations[activeIndex - 1]); } } /** * 跳转到下一个对话 */ function jumpToNextConversation() { const active = getActiveConversation(); const allConversations = getAllConversations(); if (!active || !allConversations.length) return; const conversations = Array.from(allConversations); const activeIndex = conversations.indexOf(active); if (activeIndex < conversations.length - 1) { jumpToConversation(conversations[activeIndex + 1]); } } /** * 获取当前对话中的所有消息块 * @returns {NodeList|null} 所有消息块的集合 */ function getAllMessages() { let messages = document.querySelectorAll(MESSAGE_BLOCK_SELECTOR); // 如果使用class选择器没有找到，尝试使用data-testid选择器 if (!messages.length) { messages = document.querySelectorAll(MESSAGE_TESTID_SELECTOR); } return messages; } /** * 获取当前可见的消息（最接近视口中心的消息） * @returns {HTMLElement|null} 当前可见的消息元素 */ function getCurrentVisibleMessage() { const messages = getAllMessages(); if (!messages.length) return null; // 获取视口中心位置 const viewportCenter = window.innerHeight / 2; let currentMessage = null; let minDistance = Infinity; // 遍历所有消息，找到最接近视口中心的消息 messages.forEach(message => { const rect = message.getBoundingClientRect(); const messageCenter = rect.top + rect.height / 2; const distance = Math.abs(messageCenter - viewportCenter); // 如果消息完全在视口外，跳过 if (rect.bottom < 0 || rect.top > window.innerHeight) { return; } // 更新最接近中心的消息 if (distance < minDistance) { minDistance = distance; currentMessage = message; } }); return currentMessage; } /** * 跳转到上一条消息 */ function jumpToPreviousMessage() { const messages = Array.from(getAllMessages()); if (!messages.length) return; const currentMessage = getCurrentVisibleMessage(); if (!currentMessage) return; const currentIndex = messages.indexOf(currentMessage); if (currentIndex > 0) { // 平滑滚动到上一条消息，使其居中显示 messages[currentIndex - 1].scrollIntoView({ behavior: 'smooth', block: 'center' }); } } /** * 跳转到下一条消息 */ function jumpToNextMessage() { const messages = Array.from(getAllMessages()); if (!messages.length) return; const currentMessage = getCurrentVisibleMessage(); if (!currentMessage) return; const currentIndex = messages.indexOf(currentMessage); if (currentIndex < messages.length - 1) { // 平滑滚动到下一条消息，使其居中显示 messages[currentIndex + 1].scrollIntoView({ behavior: 'smooth', block: 'center' }); } } /** * 创建导航UI按钮 */ function createNavigationButtons() { console.log('豆包对话导航 - 开始创建导航UI按钮'); // 检查是否已存在按钮 let container = document.getElementById('doubao-nav-buttons'); if (container) { console.log('豆包对话导航 - 导航UI按钮已存在，不再创建'); return; } // 确保document.body已经存在 if (!document.body) { console.error('豆包对话导航 - document.body不存在，无法添加按钮，将重试'); // 稍后重试，增加重试次数 setTimeout(createNavigationButtons, 500); return; } // 创建按钮容器 container = document.createElement('div'); container.id = 'doubao-nav-buttons'; container.style.cssText = ` position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99999; display: flex; flex-direction: column; background: #fff; border-radius: 6px 0 0 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.15); width: 40px; transition: width 0.3s ease; align-items: center; text-align: center; `; /* container.style.cssText = ` position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99999; display: flex; flex-direction: column; gap: 6px; background: #fff; padding: 6px 0; border-radius: 6px 0 0 6px; box-shadow: 0 2px 12px rgba(0,0,0,0.15); border-left: 2px solid #52c41a; width: 40px; transition: width 0.3s ease; `; */ // 容器悬浮效果 container.onmouseenter = () => { container.style.width = '120px'; /* 悬浮时展开宽度 */ }; container.onmouseleave = () => { container.style.width = '40px'; /* 离开时恢复窄宽度 */ }; // 创建上一个对话按钮 const prevConversationButton = document.createElement('button'); prevConversationButton.textContent = '← 上一个对话'; prevConversationButton.onclick = jumpToPreviousConversation; prevConversationButton.style.cssText = ` padding: 8px 12px; background-color: #1890ff; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; prevConversationButton.onmouseenter = () => prevConversationButton.style.backgroundColor = '#40a9ff'; prevConversationButton.onmouseleave = () => prevConversationButton.style.backgroundColor = '#1890ff'; // 创建下一个对话按钮 const nextConversationButton = document.createElement('button'); nextConversationButton.textContent = '→ 下一个对话'; nextConversationButton.onclick = jumpToNextConversation; nextConversationButton.style.cssText = ` padding: 8px 12px; background-color: #1890ff; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; nextConversationButton.onmouseenter = () => nextConversationButton.style.backgroundColor = '#40a9ff'; nextConversationButton.onmouseleave = () => nextConversationButton.style.backgroundColor = '#1890ff'; // 创建消息导航分隔线 const separator = document.createElement('div'); separator.style.cssText = ` height: 1px; background-color: rgba(0, 0, 0, 0.2); margin: 4px 8px; `; // 创建上一条消息按钮 const prevMessageButton = document.createElement('button'); prevMessageButton.textContent = '↑ 上一条消息'; prevMessageButton.onclick = jumpToPreviousMessage; prevMessageButton.style.cssText = ` padding: 8px 12px; background-color: #52c41a; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; prevMessageButton.onmouseenter = () => prevMessageButton.style.backgroundColor = '#73d13d'; prevMessageButton.onmouseleave = () => prevMessageButton.style.backgroundColor = '#52c41a'; // 创建下一条消息按钮 const nextMessageButton = document.createElement('button'); nextMessageButton.textContent = '↓ 下一条消息'; nextMessageButton.onclick = jumpToNextMessage; nextMessageButton.style.cssText = ` padding: 8px 12px; background-color: #52c41a; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; nextMessageButton.onmouseenter = () => nextMessageButton.style.backgroundColor = '#73d13d'; nextMessageButton.onmouseleave = () => nextMessageButton.style.backgroundColor = '#52c41a'; // 创建宽度调整分隔线 const widthSeparator = document.createElement('div'); widthSeparator.style.cssText = ` height: 1px; background-color: rgba(0, 0, 0, 0.2); margin: 4px 8px; `; // 创建增大宽度按钮 const increaseWidthButton = document.createElement('button'); increaseWidthButton.textContent = '宽'; increaseWidthButton.onclick = decreaseContentPadding; increaseWidthButton.style.cssText = ` padding: 8px 12px; background-color: #faad14; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; increaseWidthButton.onmouseenter = () => increaseWidthButton.style.backgroundColor = '#ffc53d'; increaseWidthButton.onmouseleave = () => increaseWidthButton.style.backgroundColor = '#faad14'; // 创建减小宽度按钮 const decreaseWidthButton = document.createElement('button'); decreaseWidthButton.textContent = '窄'; decreaseWidthButton.onclick = increaseContentPadding; decreaseWidthButton.style.cssText = ` padding: 8px 12px; background-color: #faad14; color: white; border: none; border-radius: 4px 0 0 4px; cursor: pointer; font-size: 14px; transition: background-color 0.3s; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; text-align: center; `; decreaseWidthButton.onmouseenter = () => decreaseWidthButton.style.backgroundColor = '#ffc53d'; decreaseWidthButton.onmouseleave = () => decreaseWidthButton.style.backgroundColor = '#faad14'; // 添加按钮到容器 console.log('豆包对话导航 - 按钮创建完成，添加到容器'); container.appendChild(prevConversationButton); container.appendChild(nextConversationButton); container.appendChild(separator); container.appendChild(prevMessageButton); container.appendChild(nextMessageButton); container.appendChild(widthSeparator); container.appendChild(increaseWidthButton); container.appendChild(decreaseWidthButton); // 添加到页面 try { document.body.appendChild(container); console.log('豆包对话导航 - 导航UI按钮已成功添加到页面'); // 验证按钮是否在DOM中 const addedContainer = document.getElementById('doubao-nav-buttons'); if (addedContainer) { console.log('豆包对话导航 - 导航UI按钮已在DOM中找到'); } else { console.error('豆包对话导航 - 导航UI按钮添加失败，DOM中未找到'); } } catch (error) { console.error('豆包对话导航 - 添加按钮到页面时出错:', error); } } /** * 初始化导航功能 */ function initNavigation() { // 监听键盘事件 document.addEventListener('keydown', (event) => { // Alt+左箭头 跳转到上一个对话 if (event.altKey && event.key === 'ArrowLeft') { event.preventDefault(); jumpToPreviousConversation(); } // Alt+右箭头 跳转到下一个对话 else if (event.altKey && event.key === 'ArrowRight') { event.preventDefault(); jumpToNextConversation(); } // Alt+PgUp 跳转到上一条消息 else if (event.altKey && event.key === 'PageUp') { event.preventDefault(); jumpToPreviousMessage(); } // Alt+PgDn 跳转到下一条消息 else if (event.altKey && event.key === 'PageDown') { event.preventDefault(); jumpToNextMessage(); } }); // 创建导航按钮 createNavigationButtons(); console.log('豆包对话导航已初始化'); } /** * 检查页面是否加载完成并初始化 */ function checkPageReady() { // 尝试多种方式检查对话列表是否存在 const conversationList = document.querySelector(CONVERSATION_LIST_SELECTOR) || document.querySelector(CONVERSATION_LIST_WRAPPER_SELECTOR) || document.querySelector('[data-testid="chat_list_thread_item"]'); // 同时检查消息块是否存在 const messageBlock = document.querySelector(MESSAGE_BLOCK_SELECTOR) || document.querySelector(MESSAGE_TESTID_SELECTOR); console.log('豆包对话导航 - 页面加载检查:', { conversationListExists: !!conversationList, messageBlockExists: !!messageBlock, readyState: document.readyState }); // 使用新的CSS选择器设置初始padding值 // 使用CSS样式表确保优先级 const styleSheet = document.createElement('style'); styleSheet.textContent = ` .container-SrVXPg.chrome70-container { padding: 0 200px !important; } `; document.head.appendChild(styleSheet); console.log('豆包对话导航 - 已将.container-SrVXPg.chrome70-container的padding设置为0 200px（使用样式表）'); // 直接设置DOM样式作为备份 const targetContainer = document.querySelector('.container-SrVXPg.chrome70-container'); if (targetContainer) { targetContainer.style.padding = '0 200px !important'; console.log('豆包对话导航 - 已将.container-SrVXPg.chrome70-container的padding设置为0 200px（直接设置）'); } // 设置定时器，在页面加载完成后再次检查并更新样式，防止被其他脚本覆盖 setTimeout(() => { const container = document.querySelector('.container-SrVXPg.chrome70-container'); if (container) { // 不强制设置固定值，而是使用当前值 const currentPadding = getCurrentContentPadding(); console.log('豆包对话导航 - 1秒后检查并保持当前padding值:', currentPadding); // 重新应用当前padding值 modifyCenterContentPadding(currentPadding); } }, 1000); // 3秒后再次检查 setTimeout(() => { const container = document.querySelector('.container-SrVXPg.chrome70-container'); if (container) { // 不强制设置固定值，而是使用当前值 const currentPadding = getCurrentContentPadding(); console.log('豆包对话导航 - 3秒后检查并保持当前padding值:', currentPadding); // 重新应用当前padding值 modifyCenterContentPadding(currentPadding); } }, 3000); // 初始化导航功能 initNavigation(); // 定期检查按钮是否存在，确保按钮在页面动态加载时也能显示 const buttonCheckInterval = setInterval(() => { const container = document.getElementById('doubao-nav-buttons'); if (!container) { console.log('豆包对话导航 - 定期检查：按钮不存在，重新创建'); createNavigationButtons(); } else { // 检查按钮是否可见 const style = window.getComputedStyle(container); if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') { console.log('豆包对话导航 - 定期检查：按钮被隐藏，修复可见性'); container.style.display = 'flex'; container.style.visibility = 'visible'; container.style.opacity = '1'; } // 最多检查10次 clearInterval(buttonCheckInterval); } }, 1000); } /** * 分析目标容器的样式情况 */ function analyzeContainerStyle() { console.log('豆包对话导航 - 开始分析目标容器的样式情况'); // 查找目标容器 const targetContainer = document.querySelector('.container-SrVXPg.chrome70-container'); if (targetContainer) { const currentStyle = window.getComputedStyle(targetContainer); const currentPadding = currentStyle.padding; const currentPaddingLeft = currentStyle.paddingLeft; const currentPaddingRight = currentStyle.paddingRight; const elementClass = targetContainer.className; const elementId = targetContainer.id; console.log(`豆包对话导航 - 容器详情: class="${elementClass}", id="${elementId}"`); console.log(`豆包对话导航 - 当前padding: ${currentPadding}`); console.log(`豆包对话导航 - 当前padding-left: ${currentPaddingLeft}`); console.log(`豆包对话导航 - 当前padding-right: ${currentPaddingRight}`); // 应用当前样式 modifyCenterContentPadding(); } else { console.log('豆包对话导航 - 未找到目标容器'); } } /** * 修改中心内容区域的padding * @param {number} padding - 目标padding值（像素），如果未提供则使用当前值 */ function modifyCenterContentPadding(padding) { // 如果未提供padding参数，获取当前padding值 if (padding === undefined) { padding = getCurrentContentPadding(); } console.log(`豆包对话导航 - 开始修改中心内容区域的padding为 0 ${padding}px`); // 方法1：直接设置DOM样式 const targetContainer = document.querySelector('.container-SrVXPg.chrome70-container'); if (targetContainer) { // 获取容器的当前样式信息 const currentStyle = window.getComputedStyle(targetContainer); const currentPadding = currentStyle.padding; const elementClass = targetContainer.className; const elementId = targetContainer.id; console.log(`豆包对话导航 - 容器详情: class="${elementClass}", id="${elementId}", 当前padding: ${currentPadding}`); // 设置padding样式，使用!important确保优先级 targetContainer.style.padding = `0 ${padding}px !important`; targetContainer.style.paddingLeft = `${padding}px !important`; targetContainer.style.paddingRight = `${padding}px !important`; console.log(`豆包对话导航 - 已修改容器的样式: padding=${padding}px ${padding}px`); } else { console.log('豆包对话导航 - 未找到目标容器，无法修改padding'); } // 方法2：使用样式表注入确保最高优先级 const styleId = 'doubao-padding-style'; let styleSheet = document.getElementById(styleId); if (!styleSheet) { styleSheet = document.createElement('style'); styleSheet.id = styleId; document.head.appendChild(styleSheet); } styleSheet.textContent = ` .container-SrVXPg.chrome70-container { padding: 0 ${padding}px !important; padding-left: ${padding}px !important; padding-right: ${padding}px !important; } `; console.log(`豆包对话导航 - 已通过样式表注入设置padding为 0 ${padding}px`); } /** * 获取当前内容区域的padding值 * @returns {number} 当前padding值（像素） */ function getCurrentContentPadding() { // 尝试获取目标容器的padding值 const targetContainer = document.querySelector('.container-SrVXPg.chrome70-container'); if (targetContainer) { const currentPadding = getComputedStyle(targetContainer).paddingRight; const match = currentPadding.match(/(\d+)px/); if (match && match[1]) { return parseInt(match[1], 10); } } // 默认返回200px return 200; } /** * 增大内容区域的padding（使内容变窄） */ function increaseContentPadding() { const currentPadding = getCurrentContentPadding(); const newPadding = Math.min(800, currentPadding + 50); // 最大padding限制为400px console.log(`豆包对话导航 - 增大内容padding: ${currentPadding}px → ${newPadding}px`); // 应用新padding modifyCenterContentPadding(newPadding); } /** * 减小内容区域的padding（使内容变宽） */ function decreaseContentPadding() { const currentPadding = getCurrentContentPadding(); const newPadding = Math.max(1, currentPadding - 50); // 最小padding限制为1px console.log(`豆包对话导航 - 减小内容padding: ${currentPadding}px → ${newPadding}px`); // 应用新padding modifyCenterContentPadding(newPadding); } // 定期检查按钮是否存在，确保按钮在页面动态加载时也能显示 const buttonCheckInterval = setInterval(() => { const container = document.getElementById('doubao-nav-buttons'); if (!container) { console.log('豆包对话导航 - 定期检查：按钮不存在，重新创建'); createNavigationButtons(); } else { // 检查按钮是否可见 const style = window.getComputedStyle(container); if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') { console.log('豆包对话导航 - 定期检查：按钮被隐藏，修复可见性'); container.style.display = 'flex'; container.style.visibility = 'visible'; container.style.opacity = '1'; } // 最多检查10次 clearInterval(buttonCheckInterval); } }, 1000); // 当DOM加载完成后开始检查页面 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', checkPageReady); } else { checkPageReady(); } // 当页面完全加载后再次应用样式修改 window.addEventListener('load', () => { console.log('豆包对话导航 - 页面完全加载完成，再次应用样式修改'); modifyCenterContentPadding(); }); // 增加一个定期调用样式修改函数的定时器，确保在页面动态加载内容时也能应用样式 // 每5秒调用一次，共调用10次 let styleUpdateCount = 0; const maxStyleUpdates = 10; const styleUpdateInterval = setInterval(() => { if (styleUpdateCount < maxStyleUpdates) { console.log(`豆包对话导航 - 定期更新样式 (${styleUpdateCount + 1}/${maxStyleUpdates})`); // 重新修改中心内容区域的padding，使用当前值 modifyCenterContentPadding(); styleUpdateCount++; } else { clearInterval(styleUpdateInterval); console.log('豆包对话导航 - 定期样式更新完成'); } }, 5000); })();
