导出博客为PDF的代码

该博客内容介绍了如何在Chrome浏览器中使用开发者工具,通过执行一段JavaScript代码来删除网页的顶部工具栏、边栏、文章信息、广告等干扰元素,重新设置页面布局,以便更清晰地打印或导出CSDN上的文章内容。
摘要由CSDN通过智能技术生成
  1. 使用Chrome打开需要打印导出的CSDN网页;
  2. 按F12或者右键选择"检查"按钮,打开Chrome开发者工具;
  3. 找到开发者工具底下的Console,输入栏为">"状;
  4. 贴入以下代码执行回车即可。

(function(){
    // 使用方法: Chrome打开console贴入这段代码执行即可
    // 顶部工具栏
    $("#csdn-toolbar").remove();
    // 左右边栏
    $("aside").remove();
    // 标题下方两栏信息
    $(".article-info-box").remove();
    $("#blogColumnPayAdvert").remove();
    // 文章底部紧挨着的一栏
    $("#toolBarBox").remove();
    // 推荐栏
    $(".recommend-box").remove();
    // 评论区
    $(".comment-box").remove();
    // 相关推荐
    $(".recommend-tit-mod").remove();
    // 皮肤模版信息显示栏
    $(".template-box").remove();
    // 页脚备案信息
    $(".blog-footer-bottom").remove();
    // 广告栏
    $("#dmp_ad_58").remove();

    // 重设布局
    $("#mainBox").css('width','1048px');
    $("#mainBox").css('margin-left','0px');
    $("#mainBox").css('margin-right','0px');
    $("[class='main_father clearfix d-flex justify-content-center']").css("width","1048px");
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","1048px");

    // 打印PDF
    window.print();
})();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值