如何将csdn文章导出为pdf

原创已于 2024-10-25 02:14:49 修改 · 5.2k 阅读

67 ·

CC 4.0 BY-SA版权

文章标签：

#pdf #开发语言 #前端框架 #前端 #javascript #react.js #vue.js

于 2024-10-11 13:39:57 首次发布

资源专栏收录该内容

3 篇文章

订阅专栏

前言

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

正文

先上代码：

(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调出浏览器控制台输入上面代码后回车，如图所示：