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

相关推荐
IT_陈寒3 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen3 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra4 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州4 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang4534 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家5 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize5 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙5 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut5 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy5 小时前
又一个 AI 神器火了!
前端·javascript·后端