保存网页为PDF

小青蛙呱呱跳

已于 2022-04-02 08:51:14 修改

阅读量211

点赞数

分类专栏：前端文章标签： css html css3

于 2021-12-03 11:25:01 首次发布

本文链接：https://blog.csdn.net/xiaohanshasha/article/details/121694840

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

F12在console中执行一下代码：

(function(){
    $("#side").remove();
    $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
    $(".nav_top_2011, #header, #navigator").remove();
    $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove();
    $("aside").remove();
    $(".tool-box").remove();
    $("#toolBarBox").remove();
    $("main").css('display','content'); 
    $("main").css('float','left');
    $(".option-box").remove();
    window.print();
})();

(function(){
$(" #csdn-toolbar, #tool-box").remove();
$(".more-toolbox, #toolBarBox, .comment-box, .recommend-box").remove();
$("aside").remove();
$(".tool-box, .template-box, .footer-box").remove();
//$(".aside-box, .recommend-right").remove();
//$(".option-box").remove();
 
$('.main_father').css('position','relative');
$('#mainBox').css('position','absolute');
$('#mainBox').css('width','80%');
//自己查看文字有没有遮挡或者越界决定用100%或者80%
//这个差异可能因为csdn的两种文本编辑器不同造成的
//$('#mainBox').css('width','100%');
 
//$('main').css('position','absolute');
//$("main").css('display','block'); 
 
window.print();
 
})();