news 2026/8/8 11:45:26

将csdn的文章导出为pdf

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
将csdn的文章导出为pdf

1. 打开某篇csdn的文章,例如:

2. 按下F12,出现:

3. 点击控制台,图标参考下面的图片:

4. 粘贴以下代码:

(function doPrint() { 'use strict'; // ========== 核心配置:A4打印样式 ========== const printStyle = ` <style media="print"> /* 定义A4纸张规格:210mm × 297mm,设置合理边距 */ @page { size: A4 portrait; /* portrait=纵向,landscape=横向 */ margin: 2cm 1.5cm; /* 上下2cm,左右1.5cm,符合A4打印常规边距 */ } /* 打印区域基础样式,适配A4宽度 */ .print-container { width: 100%; max-width: 190mm; /* 减去边距后的有效宽度,适配A4可打印区域 */ margin: 0 auto; font-family: "SimSun", "Microsoft YaHei", sans-serif; /* 适配中文打印 */ font-size: 12pt; /* A4打印常规字号 */ line-height: 1.5; /* 行高更易阅读 */ } /* 文章标题样式优化 */ .print-title { font-size: 16pt; font-weight: bold; text-align: center; margin-bottom: 1cm; padding-bottom: 0.5cm; border-bottom: 1px solid #333; } /* 正文样式重置,避免原网页样式干扰 */ .print-content { white-space: normal; word-wrap: break-word; /* 长文本自动换行 */ page-break-inside: avoid; /* 避免图片/段落被分页截断 */ } /* 隐藏打印无关元素(兜底) */ body *:not(.print-container):not(.print-container *) { display: none !important; } </style> `; try { // 1. 获取核心元素(增加容错:元素不存在时提示) const $titleBox = $(".article-title-box"); const $articleBox = $(".article_content"); if (!$titleBox.length || !$articleBox.length) { alert("未找到文章标题或正文,请检查页面元素类名!"); return false; } // 2. 保存原页面完整内容和样式(避免恢复后样式丢失) const originalHTML = document.body.innerHTML; const originalStyles = document.head.innerHTML; // 3. 构建纯打印用的DOM结构(适配A4) const printTitle = $titleBox.html().trim(); const printContent = $articleBox.removeAttr("style").html().trim(); const printDOM = ` <div class="print-container"> <div class="print-title">${printTitle}</div> <div class="print-content">${printContent}</div> </div> `; // 4. 替换页面内容并注入A4打印样式 document.body.innerHTML = printStyle + printDOM; document.head.innerHTML = originalStyles + printStyle; // 确保打印样式生效 // 5. 触发打印(等待样式渲染完成) setTimeout(() => { window.print(); // 6. 打印完成后恢复原页面 document.body.innerHTML = originalHTML; document.head.innerHTML = originalStyles; }, 100); // 短暂延迟确保样式加载 return false; } catch (error) { console.error("打印功能出错:", error); alert("打印失败,请刷新页面重试!"); // 出错时强制恢复原页面 document.body.innerHTML = originalHTML || document.body.innerHTML; return false; } })();

5. 如果你是第一次打印,可能会提示你输入-允许粘贴,输入后再执行步骤4的代码

6. 如果对打印页面不满意,可以将上述代码粘贴到AI,让它修改

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/6 7:58:15

ARM64 指令 --- TST/CSEL

文章目录一、TST1.1 TST (immediate)1.2 TST (shifted register)二、CSEL2.1 简介2.2 CSEL的扩展指令2.2.1 CSINC2.2.2 CSINV2.2.3 CSNEG三、demo3.1 tst3.1.1 demo 13.1.2 demo 23.2 TST CSEL3.2.1 demo 13.2.2 demo 23.2.3 总结一、TST 1.1 TST (immediate) TST (immediat…

作者头像 李华
网站建设 2026/8/6 15:52:23

Java全栈开发工程师的面试实战:从基础到微服务

Java全栈开发工程师的面试实战&#xff1a;从基础到微服务 一、开场介绍 面试官&#xff1a;你好&#xff0c;我是今天的面试官&#xff0c;欢迎来到我们公司的技术面试。我看到你的简历上写着你有5年的Java全栈开发经验&#xff0c;主要集中在电商和内容社区方向。可以简单介绍…

作者头像 李华
网站建设 2026/8/7 12:28:45

虚拟网络环境及socket概述

虚拟网络环境及socket概述 文章目录虚拟网络环境及socket概述一、前言二、VMware虚拟机网络环境概述2.1 概述2.2 注意事项2.3 几种组网方式的区别2.4 Vmware和Windows的数据互通三、Socket简介3.1 什么是socket四、socket下的常用编程接口五、小结一、前言 今天&#xff0c;将带…

作者头像 李华
网站建设 2026/8/7 14:37:16

No module named ‘kaldi_native_fbank‘

No module named kaldi_native_fbank解决方法&#xff1a;pip install kaldi-native-fbankpython -c"import kaldi_native_fbank as knf"

作者头像 李华
网站建设 2026/8/7 11:37:29

A47双麦模组:全场景语音清晰革命

在智能对讲时被回音干扰&#xff0c;在车间通话时被机器噪音淹没&#xff0c;在远程教学时因杂音错过重点——这些语音传输的痛点&#xff0c;正在被A47双麦阵列回音消除及降噪模组&#xff08;V2.0&#xff09;彻底解决。作为一款聚焦“全场景语音优化”的高性能数字语音处理模…

作者头像 李华