导出浏览器中的内容

本文介绍了如何使用浏览器的开发者工具将网页内容转化为PDF文件。通过F12进入控制台,粘贴并执行一段JavaScript代码,删除不必要的页面元素,然后调用window.print()进行打印导出。此方法适用于保留网页主要文章内容,去除广告和侧边栏等干扰项。
摘要由CSDN通过智能技术生成

将浏览器中的内容转换为pdf格式:

1、浏览器搜索想要转换的页面,按F12,进入控制台console,复制下列代码到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%");
    window.print();
})();

2、弹出打印机,选择导出pdf,点击确定
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值