Greasy Fork is available in English.
去除闲鱼网页版默认聊天窗口样式，简化界面，专为工作时间摸鱼而生。
// ==UserScript==
// @name 闲鱼聊天界面优化 - 去除默认聊天样式
// @namespace http://tampermonkey.net/
// @version 0.8
// @description 去除闲鱼网页版默认聊天窗口样式，简化界面，专为工作时间摸鱼而生。
// @author paopao233
// @match https://www.goofish.com/*
// @grant GM_addStyle
// @license MIT
// @homepage https://github.com/paopao233/
// @homepageURL https://github.com/paopao233/
// @supportURL https://github.com/paopao233/issues
// ==/UserScript==
(function() {
'use strict';
// 修改网站标题和图标
function updateTitleAndFavicon() {
// 修改标题
document.title = "paopao工作站";
// 移除原有图标
const existingFavicon = document.querySelector("link[rel*='icon']");
if (existingFavicon) {
existingFavicon.remove();
}
// 添加自定义图标
const link = document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjRkZDMTA3IiBkPSJNNDMuNjExLDIwLjA4M0g0MlYyMEgyNHY4aDExLjMwM2MtMS42NDksNC42NTctNi4wOCw4LTExLjMwMyw4Yy02LjYyNywwLTEyLTUuMzczLTEyLTEyYzAtNi42MjcsNS4zNzMtMTIsMTItMTJjMy4wNTksMCw1Ljg0MiwxLjE1NCw3Ljk2MSwzLjAzOWw1LjY1Ny01LjY1N0MzNC4wNDYsNi4wNTMsMjkuMjY4LDQsMjQsNEMxMi45NTUsNCw0LDEyLjk1NSw0LDI0YzAsMTEuMDQ1LDguOTU1LDIwLDIwLDIwYzExLjA0NSwwLDIwLTguOTU1LDIwLTIwQzQ0LDIyLjY1OSw0My44NjIsMjEuMzUsNDMuNjExLDIwLjA4M3oiLz48L3N2Zz4=';
document.head.appendChild(link);
}
GM_addStyle(`
/* 清理页面干扰元素 */
.header-main--kEIzsFTr, .container--dgZTBkgv, .right-container--AxSGn7lz, .ant-badge img, .conversation-item--JReyg97P img, .avatar--e05bt3Ju {
display: none !important;
}
/* 主聊天界面 */
.im-main--kaKv06s8 {
background-color: #f4f7fa !important;
border-radius: 12px !important;
margin: 10px !important;
padding: 20px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(10px) !important;
}
/* 聊天消息 */
.message-text--zV88pB7N {
background-color: #ffffff !important;
border-radius: 18px !important;
padding: 12px 16px !important;
margin: 6px 8px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
max-width: 70%;
}
/* 发送者消息样式 */
.message-text-right--Vhy6k0cY {
background: #0084FF !important;
color: white !important;
border-radius: 18px !important;
align-self: flex-end !important;
}
/* 时间戳 */
.message-time {
font-size: 12px !important;
color: #999 !important;
text-align: center;
margin-top: 4px;
}
/* 输入框 */
.chat-input-area {
background-color: #ffffff !important;
border: 1px solid #ddd !important;
border-radius: 18px !important;
padding: 10px 16px !important;
margin-top: 12px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
/* 发送按钮 */
.im-chat-send {
background-color: #0084FF !important;
color: white !important;
border: none !important;
border-radius: 18px !important;
padding: 8px 20px !important;
font-weight: 500 !important;
}
/* 折叠按钮样式 */
.collapse-btn {
position: fixed;
left: 250px;
top: 50%;
transform: translateY(-50%);
z-index: 1000;
width: 16px;
height: 50px;
background: #f0f0f0;
border: 1px solid #d9d9d9;
border-left: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.collapse-btn:hover {
background: #e6e6e6;
}
.collapse-btn::after {
content: "◀";
font-size: 12px;
color: #666;
}
.collapse-btn.collapsed::after {
content: "▶";
}
.conv-list-scroll--Bn4G27Nb {
transition: all 0.3s ease;
}
.conv-list-scroll--Bn4G27Nb.collapsed {
width: 0 !important;
overflow: hidden;
}
`);
// 监听DOM变化
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if (mutation.addedNodes.length) {
removeElements();
}
});
if (!document.querySelector('.collapse-btn')) {
addCollapseButton();
}
});
// 添加折叠按钮
function addCollapseButton() {
const listContainer = document.querySelector('.conv-list-scroll--Bn4G27Nb');
if (!listContainer) return;
const collapseBtn = document.createElement('div');
collapseBtn.className = 'collapse-btn';
listContainer.parentElement.appendChild(collapseBtn);
collapseBtn.addEventListener('click', () => {
listContainer.classList.toggle('collapsed');
collapseBtn.classList.toggle('collapsed');
// 保存折叠状态
localStorage.setItem('chatListCollapsed', listContainer.classList.contains('collapsed'));
});
// 恢复之前的折叠状态
const isCollapsed = localStorage.getItem('chatListCollapsed') === 'true';
if (isCollapsed) {
listContainer.classList.add('collapsed');
collapseBtn.classList.add('collapsed');
}
}
// 移除不需要的元素
function removeElements() {
const elementsToRemove = [
'.header-main--kEIzsFTr',
'.container--dgZTBkgv',
'.right-container--AxSGn7lz',
'.ant-badge img',
'.conversation-item--JReyg97P img',
'.avatar--e05bt3Ju'
];
elementsToRemove.forEach(selector => {
const element = document.querySelector(selector);
if (element) element.style.display = 'none';
});
}
// 开始观察文档变化
observer.observe(document.documentElement, { childList: true, subtree: true });
// 页面加载完成后执行
window.addEventListener('load', function() {
removeElements();
updateTitleAndFavicon();
});
// 确保标题和图标修改生效
document.addEventListener('DOMContentLoaded', updateTitleAndFavicon);
})();