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

相关推荐
青青家的小灰灰3 分钟前
金三银四面试官最想听的 React 答案:虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
HelloReader4 分钟前
深入理解 Tauri 架构与应用体积优化实战指南
前端
lemon_yyds4 分钟前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
codingWhat4 分钟前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
重庆穿山甲8 分钟前
Java开发者的大模型入门:Spring AI Alibaba组件全攻略(二)
前端·后端
光影少年11 分钟前
在 React 中,什么情况下需要用 useCallback 和 useMemo?它们的区别是什么?
前端·react.js·掘金·金石计划
大雨还洅下12 分钟前
前端 JS: async, await; Generator
javascript
合天网安实验室12 分钟前
H2O-3反序列化漏洞分析(CVE-2025-6507&CVE-2025-6544)
前端·黑客
juejin_cn12 分钟前
[转][译] 从零开始构建 OpenClaw — 第三部分(元技能)
javascript
袋鱼不重12 分钟前
Typescript 核心概念
前端·typescript