CSDN文章直接打印,或者保存PDF(去掉多余内容)

本文介绍了一种简化CSDN博客打印及转换为PDF的方法,通过执行特定的JavaScript代码,去除页面上不必要的元素,实现文章的全清爽模式打印及保存,适用于学术论文整理或个人学习资料归档。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

注:该方法已更新,请参照新的文章:

【新】CSDN文章一键打印、输出PDF(自动阅读全文、全清爽模式)

 

打印CSDN内容,将以下js复制放入  工具—>开发人员工具—>console,回车即可。

(function(){
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();
$("aside").remove();
$(".tool-box").remove();
$("main").css('display','content'); 
$("main").css('float','left'); 
window.print();

$("tool-box").remove();
})();

1、保存为PDF。将打印机改成“另存为PDF”即可。

2、更多设置。可以关闭页眉页脚等。

如图所示:

3、如果还有“点赞”等内容显示,可以先删除对应的<div>元素,然后再进行上面的步骤。

如图所示:

参考链接:https://blog.csdn.net/u010954948/article/details/82843105 

<think>好的,用户想将CSDN上的文章导出为PDF文件,但发现有些文章不支持直接导出。我需要根据提供的引用内容来整理解决方法。首先,引用[1]提到有的文章支持导出,有的不支持,所以用户需要通用方法。引用[2]给出了通过浏览器检查工具的方法,步骤包括右键点击检查或按F12,进入控制台。引用[3]提供了具体的JavaScript代码,可以清除页面元素并调用打印功能保存PDF。需要把这些步骤整合成一个清晰的指南。注意用户可能对代码输入不太熟悉,要详细说明操作步骤。同时要提醒代码输入的正确性,避免出错。可能还需要补充其他方法,比如手动调整页面或使用第三方工具,但引用中没有提到,所以可能不提及。最后生成相关问题,覆盖不同浏览器、代码作用、兼容性等。</think>### 如何从CSDN导出文章PDF格式? #### 方法一:通过浏览器开发者工具(通用方法) 1. **打开目标文章页面** 在浏览器中访问需要导出的CSDN文章页面。 2. **进入控制台** - 右键点击页面空白处,选择“检查”(或直接按`F12`键)打开开发者工具。 - 切换到**Console**(控制台)选项卡[^2]。 3. **输入清理代码并打印** 在控制台中粘贴以下代码后按回车: ```javascript (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".tool-box").remove(); $("#toolBarBox").remove(); $("main").css('display','content'); $("main").css('float','left'); $(".option-box").remove(); window.print(); })(); ``` 此代码会清除广告、侧边栏等无关内容,并自动调起浏览器的打印功能[^3]。 4. **保存PDF** - 在打印设置中选择**目标打印机**为“另存为PDF”。 - 调整页面布局(如边距、缩放比例),点击“保存”即可生成PDF文件。 --- #### 方法二:使用页面原生导出功能(仅限支持的文章) 1. **查找导出按钮** 部分CSDN文章页面右侧会显示“导出”按钮(通常为下载图标),点击后可直接下载PDF。 2. **直接打印页面** - 若页面无导出按钮,可尝试按`Ctrl+P`(Windows)或`Cmd+P`(Mac)调起打印功能。 - 手动隐藏无关元素(如广告、评论区)后保存PDF。 --- #### 注意事项 - 方法一适用于所有CSDN文章,但需注意代码输入的正确性[^3]。 - 若控制台提示错误,可尝试刷新页面后重新操作。 - 导出PDF前建议预览内容,避免排版错乱。 ---
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值