CSDN文章优化打印

优化CSDN文章页面用于打印，移除不必要元素并自动调用打印功能，解决第一页空白问题
Wrap lines
// ==UserScript==
// @name         CSDN文章优化打印
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  优化CSDN文章页面用于打印，移除不必要元素并自动调用打印功能，解决第一页空白问题
// @author       Sherry
// @match        *://*.csdn.net/*/article/details/*
// @grant        none
// @run-at       document-end
// @icon         https://tse1-mm.cn.bing.net/th/id/OIP-C.3iWufqIms_ccabhKcsM4GgHaHa?w=180&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7
// @license      MIT
// ==/UserScript==

(function(){
    'use strict';
    
    // 创建控制面板
    function createControlPanel() {
        const panel = document.createElement('div');
        panel.id = 'csdn-print-panel';
        panel.style.cssText = `
            position: fixed;
            top: 20px;
            right: 20px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 10px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            z-index: 9999;
            font-family: Arial, sans-serif;
            font-size: 14px;
            cursor: move;
            width: 150px;
            box-sizing: content-box;
        `;
        
        const title = document.createElement('div');
        title.textContent = '📄 CSDN打印优化';
        title.style.cssText = `
            font-weight: bold;
            margin-bottom: 10px;
            text-align: center;
            color: #333;
            cursor: move;
        `;
        
        const optimizeBtn = document.createElement('button');
        optimizeBtn.textContent = '🖨️ 优化并打印';
        optimizeBtn.style.cssText = `
            background-color: #0066cc;
            color: white;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            margin: 5px;
            cursor: pointer;
            width: calc(100% - 10px);
            box-sizing: border-box;
        `;
        optimizeBtn.onclick = function() {
            optimizePage(true);
        };
        
        const optimizeOnlyBtn = document.createElement('button');
        optimizeOnlyBtn.textContent = '✨ 仅优化页面';
        optimizeOnlyBtn.style.cssText = `
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            margin: 5px;
            cursor: pointer;
            width: calc(100% - 10px);
            box-sizing: border-box;
        `;
        optimizeOnlyBtn.onclick = function() {
            optimizePage(false);
        };
        
        const resetBtn = document.createElement('button');
        resetBtn.textContent = '🔄 恢复原页面';
        resetBtn.style.cssText = `
            background-color: #f44336;
            color: white;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            margin: 5px;
            cursor: pointer;
            width: calc(100% - 10px);
            box-sizing: border-box;
        `;
        resetBtn.onclick = function() {
            location.reload();
        };
        
        panel.appendChild(title);
        panel.appendChild(optimizeBtn);
        panel.appendChild(optimizeOnlyBtn);
        panel.appendChild(resetBtn);
        
        document.body.appendChild(panel);
        
        // 添加拖拽功能
        makeDraggable(panel);
    }
    
    // 使元素可拖拽
    function makeDraggable(element) {
        let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
        
        element.onmousedown = dragMouseDown;
        
        function dragMouseDown(e) {
            e = e || window.event;
            e.preventDefault();
            // 获取鼠标位置
            pos3 = e.clientX;
            pos4 = e.clientY;
            document.onmouseup = closeDragElement;
            // 鼠标移动时调用elementDrag
            document.onmousemove = elementDrag;
        }
        
        function elementDrag(e) {
            e = e || window.event;
            e.preventDefault();
            
            // 不应用任何缩放调整，直接使用原始计算
            pos1 = pos3 - e.clientX;
            pos2 = pos4 - e.clientY;
            pos3 = e.clientX;
            pos4 = e.clientY;
            
            // 设置元素的新位置
            element.style.top = (element.offsetTop - pos2) + "px";
            element.style.left = (element.offsetLeft - pos1) + "px";
            element.style.right = "auto";
        }
        
        function closeDragElement() {
            // 停止移动
            document.onmouseup = null;
            document.onmousemove = null;
        }
    }
    
    // 优化页面函数
    function optimizePage(autoPrint = true) {
        // 移除不必要元素
        var articleBox = $("div.article_content");
        articleBox.removeAttr("style");
        $(".hide-preCode-bt").parents(".author-pjw").show();
        $(".hide-preCode-bt").parents("pre").removeClass("set-code-hide");
        $(".hide-preCode-bt").parents(".hide-preCode-box").hide().remove();
        $("#btn-readmore").parent().remove();
        $("#side").remove();
        $(".csdn-side-toolbar, .template-box, .blog-footer-bottom, .left-toolbox, .toolbar-inside").remove();
        $(".comment-box, .recommend-box, .more-toolbox, .article-info-box, .column-group-item").remove();
        $("aside, .tool-box, .recommend-nps-box, .skill-tree-box").remove();
        
        // 修复布局
        $("main").css({
            'display': 'block',  // 改为block而不是content
            'float': 'none',     // 改为none而不是left
            'margin': '0 auto',  // 居中显示
            'padding': '20px'    // 添加内边距
        });
        
        $("#mainBox").width("100%");
        
        // 修复可能导致第一页空白的问题
        $("body").css({
            'margin': '0',
            'padding': '0',
            'zoom': '0.8',
            'overflow': 'visible'
        });
        
        // 确保文章内容从第一页开始
        $("article").css({
            'page-break-before': 'avoid',
            'margin-top': '0'
        });
        
        // 移除可能导致空白页的元素
        $(".first-page-break").remove();
        
        // 确保控制面板样式不受页面优化影响
        const panel = document.getElementById('csdn-print-panel');
        if (panel) {
            panel.style.width = '150px';
            panel.style.boxSizing = 'content-box';
            panel.style.fontSize = '14px';
            panel.style.zoom = '1.25'; // 抵消页面缩放对面板的影响
            
            // 重置按钮样式
            const buttons = panel.querySelectorAll('button');
            buttons.forEach(button => {
                button.style.width = 'calc(100% - 10px)';
                button.style.boxSizing = 'border-box';
                button.style.margin = '5px';
                button.style.padding = '5px 10px';
            });
            
            // 重新绑定拖拽事件
            makeDraggable(panel);
        }
        
        // 如果需要自动打印
        if (autoPrint) {
            // 临时隐藏控制面板
            panel.style.display = 'none';
            
            // 延迟调用打印功能，确保样式已应用
            setTimeout(function() {
                window.print();
                // 打印完成后显示控制面板
                setTimeout(function() {
                    panel.style.display = 'block';
                }, 1000);
            }, 500);
        }
    }
    
    // 等待页面加载完成后创建控制面板
    setTimeout(function() {
        createControlPanel();
    }, 1000);
})();
欢迎访问Greasy Fork镜像
