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

相关推荐
big tail18 小时前
Windows本地Docker模拟前端项目发版
前端·windows·docker
轩情吖18 小时前
MySQL之表的增删查改
android·开发语言·c++·后端·mysql·adb·
学以智用18 小时前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js
北寻北爱18 小时前
面试题-js篇
前端·javascript
这是个栗子18 小时前
前端开发中的常用工具函数(五)
javascript·数据结构·reduce
2301_7938046918 小时前
C++与硬件交互编程
开发语言·c++·算法
两万五千个小时18 小时前
学习 Pi Coding Agent:系统提示词与工具设计深度解析
javascript·人工智能·架构
harrain18 小时前
vue3多个watch监听统一等待触发再执行后续逻辑的处理方案
前端·javascript·vue.js
Csvn18 小时前
React 渲染机制详解
react.js
miss18 小时前
Vue3 + AI Agent 前端开发实战:一个 前端开发工程师的转型记录
前端