CSDN文章去除广告保存文章油猴脚本

问题：CSDN 文章保存太难了

CSDN 几个让人抓狂的体验：

非登录用户只能看到正文一半，后半截被"关注作者"挡住
代码块被"展开全部"按钮折叠，要手动点开才能看完整代码
侧边栏一堆广告，打印 / 另存为 PDF 时把版面挤得一塌糊涂
各种弹窗（下载 App、关注我们、登录提示）

下面这个油猴脚本(Tampermonkey)的作用：进入任意 CSDN 文章页，自动：

移除"关注作者继续阅读"遮罩，显示完整正文
点开所有代码块的"展开"，显示完整代码
删除侧边栏、广告、底部推荐、登录提示
在页面右下角加 三个按钮：打印 / 保存 / 优化
点"保存"时调浏览器原生打印，可以"另存为 PDF"得到干净的版本

安装方法

前提：浏览器装了 Tampermonkey 扩展（Chrome / Edge / Firefox 都支持）。

点击 Tampermonkey 图标 → "创建新脚本"
把下面整段代码粘进去，替换默认的模板
Ctrl+S 保存
访问任意 CSDN 文章页，刷新一下，右下角应该看到三个按钮

完整脚本

JavaScript

// ==UserScript==
// @name         CSDN 文章优化保存
// @version     2024-05-12
// @description csdn文章优化保存
// @author      hualy13
// @match       *://blog.csdn.net/*
// @icon        https://www.google.com/s2/favicons?sz=64&domain=csdn.net
// ==/UserScript==
(function() {
    'use strict';
    //不用关注博主即可阅读全文
    window.addEventListener('load', function() {
        // 移除 article_content 元素的内联样式
        var articleContent = document.getElementById("article_content");
        if (articleContent) {
            articleContent.removeAttribute("style");
        }

        // 移除特定的元素
        var followTextParent = document.querySelector('.follow-text')?.closest('[data-flag="follow"]');
        if (followTextParent) {
            followTextParent.remove();
        }

        var hideArticleBox = document.querySelector('.hide-article-box');
        if (hideArticleBox) {
            hideArticleBox.remove();
        }
    });
    //模拟点击
    window.addEventListener('load', function() {
    var selectors = ['.sidecolumn-hide', '.hide-preCode-bt','sidecolumn-show'];
    selectors.forEach(function(selector) {
        var element = document.querySelector(selector);
        if (element) {
            element.click();
        }
    });
});
    // 定义要删除的ID数组和类名数组
    var idsToRemove = ['csdn-toolbar', 'toolBarBox', 'recommendNps', 'toolbarBox','treeSkill'];
    var classesToRemove = ['blog_container_aside', 'recommend-box', 'comment-box', 'blog-footer-bottom', 'csdn-side-toolbar','passport-login-container'];

    // 删除指定ID和类名的元素
    function removeElements() {
        // var hideElement = document.querySelector('.sidecolumn-hide');
        // if (hideElement) {
        //     hideElement.click();
        // }
        removeElementsById(idsToRemove);
        removeElementsByClass(classesToRemove);
    }

    // 删除指定ID的元素
    function removeElementsById(ids) {
        ids.forEach(function(id) {
            var element = document.getElementById(id);
            if (element) element.parentNode.removeChild(element);
        });
    }

    // 删除指定类名的元素
    function removeElementsByClass(classes) {
        classes.forEach(function(className) {
            var elements = document.getElementsByClassName(className);
            while(elements.length > 0) {
                elements[0].parentNode.removeChild(elements[0]);
            }
        });
    }

    // 监听打印事件并在打印时隐藏按钮
    function setupPrintListener(buttons) {
        window.matchMedia('print').addListener(function(mql) {
            if (mql.matches) {
                // 打印开始，隐藏按钮
                buttons.forEach(function(button) {
                    button.style.display = 'none';
                });
            } else {
                // 打印结束，显示按钮
                buttons.forEach(function(button) {
                    button.style.display = '';
                });
            }
        });
    }

    // 创建按钮并添加点击事件
    var buttons = [];
    var buttonNames = ['优化', '保存', '优化保存'];

    var buttonsContainer = document.createElement('div');
    buttonsContainer.style.display = 'flex';
    buttonsContainer.style.flexDirection = 'column';
    buttonsContainer.style.alignItems = 'flex-end';
    buttonsContainer.style.position = 'fixed';
    buttonsContainer.style.top = '100px';
    buttonsContainer.style.right = '10px';
    buttonsContainer.style.zIndex = '1000';

    buttonNames.forEach(function(name) {
        var button = document.createElement('button');
        button.textContent = name;
        button.style.margin = '5px 0';
        button.style.padding = '10px 20px';

        // 分配点击事件
        button.onclick = function() {
            if (name === '优化保存') {
                removeElements(); // 删除元素
                window.print(); // 触发打印
            }
            else if (name === '保存') {
                window.print(); // 触发打印
            }
            else if (name === '优化') {
                removeElements(); // 删除元素
            }
        };

        buttons.push(button); // 添加按钮到数组
        buttonsContainer.appendChild(button); // 添加按钮到容器
    });

    document.body.appendChild(buttonsContainer); // 将按钮容器添加到页面

    // 设置打印事件监听器
    setupPrintListener(buttons);
})();