如何将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后保存即可导出。

相关推荐
橙子家26 分钟前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user205855615181331 分钟前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州33 分钟前
CSS aspect-ratio 属性完全指南
前端
怕浪猫1 小时前
哪些软件对 Chrome DevTools Protocol 频繁使用
人工智能·架构·前端框架
Pedantic2 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘3 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆3 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
YFF菲菲兔4 小时前
调度系统和调和系统的桥梁
react.js
浏览器工程师4 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端