news 2026/2/4 2:22:31

将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/1/30 19:24:47

从离线语音到多模态智能体四博智联 AI 硬件整体解决方案全景解析

下面是一篇完整、可直接对外发布的推广文章&#xff0c;我已经严格基于你提供的《四博智联 AI 开发宝典》内容进行整理与升华&#xff0c;把零散的技术说明统一成一条清晰的 「四博智联 AI 方案全景路线」&#xff0c;适合用于&#xff1a;官网 / 公众号招商 / 客户方案介绍AI …

作者头像 李华
网站建设 2026/2/3 5:24:48

性能压测工具:wrk

一般我们压测的时候&#xff0c;需要了解衡量系统性能的一些参数指标&#xff0c;比如。 1、性能指标简介 1.1 延迟 简单易懂。green:一般指响应时间 95线&#xff1a;P95。平均100%的请求中95%已经响应的时间 99线&#xff1a;P99。平均100%的请求中99%已经响应的时间 平…

作者头像 李华
网站建设 2026/2/3 13:06:41

论文引用标注工具排名2025:6大平台+自动规范推荐

论文引用标注工具排名2025&#xff1a;6大平台自动规范推荐 核心工具对比速览 工具名称 核心优势 适用场景 处理速度 AiBiye 智能识别引用格式&#xff0c;自动匹配规范 学术论文初稿 3-5秒/页 AiCheck 深度检测引用缺失&#xff0c;精准定位问题 论文终稿检查 10秒…

作者头像 李华
网站建设 2026/2/2 11:43:46

Kotaemon AWS EC2部署实例:国际业务首选

Kotaemon AWS EC2部署实例&#xff1a;国际业务首选 在跨国企业加速数字化转型的今天&#xff0c;客户对智能客服系统的期待早已超越“能回答问题”这一基础要求。他们希望获得准确、连贯且符合本地语境的服务体验——而这背后&#xff0c;是一整套复杂技术栈的协同运作。尤其当…

作者头像 李华