PDF内嵌无法缩放是浏览器标准行为，唯一稳定方案是PDF.js；其currentScaleValue支持字符串或数字缩放值，需加载后设置，并配合scrollPageIntoView实现分页。
PDF内嵌后默认无法缩放？用 <embed> 的 scale 参数无效
HTML 原生 <embed> 或 <object> 标签本身不支持 PDF 缩放控制——浏览器内置 PDF 查看器（如 Chrome 的 PDFium）接管渲染后，scale、page 这类参数被忽略。这不是你代码写错了，是标准行为。
真正可行的路径只有两条：用 PDF.js 渲染，或依赖浏览器地址栏参数（仅限简单跳转）。前者可控，后者有限。
-
<embed src="doc.pdf#page=3&zoom=150">可触发 Chrome/Firefox 跳转到第 3 页并尝试缩放到 150%，但实际缩放值常被浏览器重置，且无法动态调整 - PDF.js 是唯一能稳定实现「运行时缩放 + 分页」的方案，它把 PDF 解析成 Canvas，完全脱离浏览器 PDF 插件
- 别用
<iframe src="xxx.pdf">—— 它和<embed>一样，参数不可控，iOS Safari 还会直接下载而非预览
用 PDF.js 实现页面级缩放：关键在 PDFViewer 的 currentScaleValue
PDF.js 提供了 PDFViewer 组件，其 currentScaleValue 属性支持字符串值："auto"、"page-width"、"page-fit"、"page-actual"，也支持数字如 1.5（150%）。注意：必须等文档加载完成后再设置，否则无效。
const viewer = document.getElementById('viewer');
const pdfViewer = new window.PDFViewer({ container: viewer });
pdfjsLib.getDocument('manual.pdf').promise.then(pdf => {
pdf.getPage(1).then(page => {
// 确保 PDF 页面已加载，再设置缩放
pdfViewer.currentScaleValue = 'page-width'; // 或 '1.2'
});
});
-
currentScaleValue是只读属性？错——它是可写的，但必须在PDFViewer初始化之后、页面渲染之前赋值 - 设为数字时，值代表缩放比例（1.0 = 100%），但小数精度受 CSS transform 限制，低于 0.5 可能模糊
-
"page-width"在窄屏下可能触发横向滚动，不是“自适应宽度”，而是强制 PDF 宽度匹配容器宽度
分页控制不能只靠 goToPage()：得配合 pagesCount 和事件监听
PDF.js 的 PDFViewer 提供 currentPageNumber 和 pagesCount，但直接改 currentPageNumber 不会自动滚动到对应页——必须调用 scrollIntoView() 或触发 pagesLoaded 事件。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：先用
pdfViewer.currentPageNumber = 5，再调用pdfViewer._setScaleUpdateHandler()（私有方法，不推荐）；更稳妥的是用pdfViewer.scrollPageIntoView({ pageNumber: 5 }) - 页面总数
pdf.numPages来自getDocument()返回的 promise，不是PDFViewer实例上的属性 - 用户点击翻页按钮时，务必检查边界：
if (newPage > 0 && newPage <= pdf.numPages)，否则 PDF.js 会静默失败，不报错也不跳转 - 不要监听
change事件——currentPageNumber是 number 类型，没有原生 change 事件；改用pagesLoaded或pagechange事件
移动端分页/缩放体验差？PDF.js 的 defaultScale 和 CSS 需协同处理
iOS Safari 对 PDF.js 的 Canvas 渲染有额外限制：双指缩放会被系统手势拦截，currentScaleValue 设置后可能无响应。根本解法是禁用默认手势，并用 CSS 控制容器尺寸。
- 在 PDF.js 初始化前，给容器加
style="touch-action: none;"，否则 iOS 会抢走 pinch-to-zoom 事件 - PDF.js 默认将每页渲染为固定宽高的
<canvas>，若容器 width 设为100%但未设 height，Canvas 会塌陷——必须显式设min-height: 500px或用vh单位 -
defaultScale选项（如{ defaultScale: 'page-width' }）只影响首次加载，后续缩放仍需操作currentScaleValue - Android Chrome 的 zoom-level 缩放和 PDF.js 内部缩放会叠加，导致模糊——建议关闭 viewport 缩放：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
PDF.js 的缩放和分页不是开关式配置，而是状态驱动的交互链：加载 → 设置 scale → 触发渲染 → 监听 pagechange → 手动 scrollIntoView。漏掉任一环，功能就断在用户手里。
