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

相关推荐
大怪v20 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员
新酱爱学习20 小时前
字节外包一年,我的技术成长之路
前端·程序员·年终总结
小兵张健20 小时前
开源 playwright-pool 会话池来了
前端·javascript·github
IT_陈寒1 天前
Python开发者必知的5大性能陷阱:90%的人都踩过的坑!
前端·人工智能·后端
codingWhat1 天前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
Lee川1 天前
深度拆解:基于面向对象思维的“就地编辑”组件全模块解析
javascript·架构
勤劳打代码1 天前
Flutter 架构日记 — 状态管理
flutter·架构·前端框架
代码老中医1 天前
2026年CSS彻底疯了:这6个新特性让我删掉了三分之一JS代码
前端
进击的尘埃1 天前
Web Worker 与 OffscreenCanvas:把主线程从重活里解放出来
javascript
不会敲代码11 天前
Zustand:轻量级状态管理,从入门到实践
前端·typescript