当前位置: 首页 > news >正文

将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,让它修改

http://www.cnnetsun.cn/news/138137.html

相关文章:

  • 基于springboot的多媒体素材库的开发与应用毕业论文+PPT(附源代码+演示视频)
  • 从离线语音到多模态智能体四博智联 AI 硬件整体解决方案全景解析
  • 我发现跨医院联合训练让诊断准确率飙升后来才知道是横向联邦学习在数据孤岛中的绝招
  • 性能压测工具:wrk
  • 论文引用标注工具排名2025:6大平台+自动规范推荐
  • Kotaemon AWS EC2部署实例:国际业务首选
  • 实在没货,简历(软件测试)咋写?
  • 网约车服务端线上流量巡检与测试验收技术
  • 公考日记7
  • 火电一次调频、自抗扰调频及群智能算法智能调频在MATLAB/Simulink中的应用
  • 科研实验室温湿度监控新范式:以太网 POE 技术全场景解决方案
  • RV1126 NO.57:ROCKX+RV1126人脸识别推流项目之读取人脸图片并把特征值保存到sqlite3数据库
  • 探索SAR ADC:45nm工艺下的高速高精度设计
  • 【小增长技术团队东哥分享】Electron vs Electron-Vite vs Electron-Egg:桌面端开发到底该选谁?
  • 测试价值的量化评估:从成本中心到价值证明的路径探索
  • 测试领导力:在敏捷洪流中筑造质量堤坝
  • C++常用设计模式
  • Spring Boot 自动配置深度解析:原理、实战与源码追踪
  • 无代码解决方案:破解企业数字化转型效率困局
  • SAM (Segment Anything Model):万物皆可分割-k学长深度学习专栏
  • Mysql 报错 “Public Key Retrieval is not allowed”
  • 熊市中最适用的公式==底部建仓
  • 100G双光口网卡技术解析:Intel E810-CAM2方案的性能与应用突破
  • BioSIM抗人组蛋白H1抗体SIM0385:广泛应用于表观遗传学、染色质结构分析等领域
  • 智慧灯杆数字孪生系统:“多杆合一“技术实现
  • SCI一稿多投会不会被发现?
  • RUI Builder-图形化UI设计-工程范例
  • win10 - 删除非法命名的文件夹的方法
  • 必看!2025年单北斗GNSS形变监测高口碑产品排行榜
  • 【计网】网络分层模型和http协议