新优快云文章转成PDF、打印(去空白)

介绍一种改进的方法,可在优快云上一键打印文章并去除多余元素,包括自动展开全文阅读、删除顶部和侧边栏等内容。此外,还提供了一些关于如何调整打印设置以获得更佳效果的小技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

新优快云文章一键打印、输出PDF(自动阅读全文、全清爽模式)

之前的方法出现的问题是打印出的预览图会有右边一大片空白,这个方法实现将空白去掉

一、功能及修改方法

  • 使用方法:按“F12”进入开发者工具,将以下js复制到 console,回车即可一键打印。

  • 功能:

    • 自动“展开阅读全文”。
    • 删除顶栏、侧栏、相关文章展示、浏览信息、广告、点赞等多余信息。真正的全清爽模式。
    • 自动输出打印预览。

在这里插入图片描述

(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();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','100%');     
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","100%"); //显示不全关键在于修改这里的width的比例
    window.print();																  // 修改成 90% 基本就可以显示全
})();

二、其他问题

(1)保存为PDF。将打印机改成“另存为PDF”即可。

在这里插入图片描述

(2)更多设置。

  • 有的文章页边缘的字会被剪切掉一部分。
    • “边距”选择“无”即可解决。
    • 使用缩放(例如设置“80%”),把整体缩小就不会超过页面了。
  • 可以关闭页眉页脚等。

在这里插入图片描述

(3)优化部分

此方法增加了修改删除以下信息,真正的全清爽打印输出:
(1)自动“展开阅读全文”,自动打印全文。在这里插入图片描述
(2)新版整体页面会右移的问题。在这里插入图片描述
(3)文章头部的浏览信息:在这里插入图片描述
(4)文章底部的点赞信息,底部的广告信息: 在这里插入图片描述
(4)文章右边的“举报置顶”框 。
在这里插入图片描述

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值