微软Edge如何识别PDF页面位置？如何设置PDF打开滚动位置？

Edge的PDF渲染基于Chromium的PDFium引擎，它通过解析PDF文档的核心属性确定页面位置：

• Media Box：定义PDF页面的原始画布尺寸，是页面的最大边界
• Crop Box：指定实际显示的页面区域，是Media Box的子集，渲染时以此作为页面的可视范围
• 滚动位置的记录与恢复依赖浏览器的会话存储（sessionStorage）或历史栈，打开PDF时会读取之前保存的滚动偏移量，将其映射到渲染后页面的像素坐标体系中。

网页端PDF（含直接打开的网页PDF） #

嵌入网页的PDF #

如果PDF通过<iframe>或<embed>嵌入网页，可通过JavaScript监听加载完成事件调整滚动位置：

// 获取PDF容器
const pdfContainer = document.getElementById('pdf-frame');
// 监听加载完成
pdfContainer.onload = () => {
  // 滚动到距离顶部50px的位置（可根据需求调整数值）
  pdfContainer.contentWindow.scrollTo(0, 50);
};

直接在Edge中打开的网页PDF #

使用用户脚本工具（如Tampermonkey）注入脚本，实现自动滚动：

// ==UserScript==
// @name         PDF Auto Scroll to Top Offset
// @match        *://*.pdf
// @grant        none
// ==/UserScript==

window.addEventListener('load', () => {
  // 延迟1秒确保PDF渲染完成（可调整延迟时间）
  setTimeout(() => {
    // 设置滚动偏移量，50px为示例
    window.scrollTo(0, 50);
  }, 1000);
});

本地PDF #

Edge直接打开本地PDF时，无法通过常规JS脚本干预，但可通过以下两种方式实现：

自定义样式表 #

1. 打开Edge的edge://flags/#enable-user-stylesheets，启用「Enable user stylesheets」选项，重启Edge
2. 创建CSS文件，添加以下内容（调整margin-top数值控制滚动偏移）：

body {
  margin-top: -50px !important;
  overflow-y: scroll !important;
}

3. 在Edge的edge://settings/appearance中，找到「Custom stylesheet」选项，选择创建好的CSS文件

PowerShell脚本模拟输入 #

通过脚本打开PDF后模拟滚动操作：

# 替换为你的本地PDF路径
$pdfPath = "C:\Documents\example.pdf"
# 启动Edge打开PDF
Start-Process "msedge.exe" $pdfPath
# 等待PDF加载完成（根据文件大小调整等待时间）
Start-Sleep -Seconds 2
# 模拟向上滚动两次（如需向下则替换为{DOWN 2}）
Add-Type -AssemblyName System.Windows.Forms
[System.Windows.Forms.SendKeys]::SendWait("{UP 2}")

内容的提问来源于stack exchange，提问作者Praskand