【如何把CSDN博客转为PDF？】手把手教你如何将CSDN博客以正确格式输出为PDF或打印

最新推荐文章于 2024-06-07 05:19:58 发布

立志冲海大

最新推荐文章于 2024-06-07 05:19:58 发布

阅读量1.7k

点赞数 5

分类专栏：笔记文章标签：前端 chrome CSDN 输出为PDF 立志冲海大

本文链接：https://blog.csdn.net/lwj8819/article/details/122160179

版权

笔记专栏收录该内容

5 篇文章 1 订阅

订阅专栏

题目

手把手教你如何将CSDN博客以正确格式输出为PDF或打印

以下是本篇文章正文内容，欢迎朋友们进行指正，一起探讨，共同进步。——来自考研路上的lwj。QQ：2394799692

一、使用谷歌浏览器打开你所想要保存的博客页面

在这里插入图片描述

二、按F12打开控制台输入以下代码到console

代码如下（示例）：

function doPrint(){
        var head_str = "<html><head><title></title></head><body>"; //先生成头部
        var foot_str = "</body></html>"; //生成尾部
        var older = document.body.innerHTML;
        //var new_str = document.getElementById('wrapper').innerHTML; //获取指定打印区域
	var new_str = document.getElementsByClassName('blog-content-box')[0].innerHTML; //获取指定打印区域
        var old_str = document.body.innerHTML; //获得原本页面的代码
        document.body.innerHTML = head_str + new_str + foot_str; //构建新网页
        window.print(); //打印刚才新建的网页
        document.body.innerHTML = older; //将网页还原
        return false;
};doPrint();

在这里插入图片描述

三、点击回车键，弹出保存的页面，根据需要调整相关参数即可

在这里插入图片描述

四、执行结果

在这里插入图片描述

立志冲海大

关注

5
点赞
踩
42

收藏

觉得还不错? 一键收藏
打赏
0
评论
【如何把CSDN博客转为PDF？】手把手教你如何将CSDN博客以正确格式输出为PDF或打印

题目手把手教你如何将CSDN博客以正确格式输出为PDF或打印以下是本篇文章正文内容，欢迎朋友们进行指正，一起探讨，共同进步。——来自考研路上的lwj。QQ：2394799692一、使用谷歌浏览器打开你所想要保存的博客页面二、输入以下代码到控制台console代码如下（示例）：function doPrint(){ var head_str = "<html><head><title></title></head>&l
复制链接

扫一扫