如何将csdn文章导出为pdf

前言

在csdn上浏览文章的时候我发现有的文章支持pdf导出,但是有的文章不支持pdf导出,为了解决能将csdn上所有文章都能以pdf格式导出遂作此文。

正文

先上代码:

javascript 复制代码
(function(){
	'use strict';
	var contentBox = $("div.article_content");
	contentBox.removeAttr("style");
	var headerContent = "";       
	var footerContent = "";   
	var originalContent = document.body.innerHTML;       
	var pageTitle = document.getElementsByClassName('article-title-box')[0].innerHTML; 
	var mainContent = document.getElementsByClassName('article_content')[0].innerHTML;
	document.body.innerHTML = headerContent + pageTitle + mainContent + footerContent;
	$("#mainBox").width("100%");
	document.getElementsByTagName('body')[0].style.zoom=0.8;     
	window.print();
	document.body.innerHTML = originalContent;
	return false;
})();

之后我们只需要打开你想导出pdf格式的csdn文章页面,按f12调出浏览器控制台输入上面代码后回车,如图所示:

这样就会调出打印的界面,之后只需要如图所示选择另存为pdf后保存即可导出。

相关推荐
山青花欲燃3102 分钟前
React 对接流式接口实现
前端·llm
LaoZhangAI4 分钟前
【2025最新】Gemini 2.5 Pro完全指南:强大推理能力提升8大应用场景实战效率
前端
平山11 分钟前
浅析JavaScript的内存机制
javascript·面试
frontDeveloper13 分钟前
JavaScript基础知识概览(非DOM-API部分)
javascript
晓风伴月15 分钟前
Css:如何解决绝对定位子元素内容被父级元素overflow:hidden属性剪裁
前端·css·overflow裁剪
Carlos_sam15 分钟前
OpenLayers:海量图形渲染之矢量切片
前端·javascript
Nexmoe16 分钟前
20 万行代码:我们如何构建和维护大规模 AI 原型系统
前端
zhangxingchao16 分钟前
Andrdoid中常用的JVM知识整理
前端
海底火旺16 分钟前
聊一聊JavaScript中的立即执行函数(IIFE)
前端·javascript
76756047916 分钟前
useMemoize 方法源码解读与实战应用
前端·源码