本文记录从CSDN博客中导出pdf文档的操作方法
一、进入开发者模式
在浏览页面按F12进入浏览器开发者模式
二、pdf导出
进入开发者模式后,在控制台(Console)中输入以下之一代码并运行,注意PDF文字及图片是否完整
(function(){
'use strict';
var articleBox = $("div.article_content");
articleBox.removeAttr("style");
$("#btn-readmore").parent().remove();
$("#side").remove();
$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
$(".nav_top_2011, #header, #navigator").remove();
$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();
$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore").remove();
$("aside").remove();
$(".tool-box").remove();
$(".pub-footer-new").remove();//CSDN版权信息说明
$("main").css('display','content');
$("main").css('float','left');
$("#mainBox").css('width','100%');
$(".main_father.clearfix.d-flex.justify-content-center").css("width","100%");
window.print();
})();
(function(){
'use strict';
var articleBox = $("div.article_content");
articleBox.removeAttr("style");
var head_str = "";
var foot_str = "";
var older = document.body.innerHTML;
var title= document.getElementsByClassName('article-title-box')[0].innerHTML;
var main_body = document.getElementsByClassName('article_content')[0].innerHTML;
document.body.innerHTML = head_str + title + main_body + foot_str;
$("#mainBox").width("100%");
document.getElementsByTagName('body')[0].style.zoom=0.8;
window.print();
document.body.innerHTML = older;
return false;
})();
三、快捷键输出PDF
第一步、首先,在浏览器上打开需要转换的网页,然后按下打印快捷键Ctrl+P;选择目标打印机为“SD PDF Printer”,点击“打印”即可。
第二步、稍等片刻后,跳转以下页面,在这里选择格式为“PDF”,点击“导出”就可以了。
第三步、得到以下提示后,说明网页已成功转成PDF并导出,点击“前往导出文件位置”可浏览PDF文档。
参考链接
https://jensen-lee.blog.csdn.net/article/details/107141088
https://blog.csdn.net/r657225738/article/details/115862775