如何导出Chrome扩展程序页面为PDF/HTML/图片等格式？

云上老周

2026-4-16

我太懂这种无奈了！Chrome的chrome://extensions/页面确实设计得有点反人类，自带的导出功能拉胯，手动操作也各种踩坑，我之前折腾过好多次，给你分享几个亲测有效的办法：

搞定PDF导出只出第一页的问题
Chrome自带打印导出PDF只抓第一页，本质是因为这个页面是动态滚动加载的。你可以这么操作：先打开chrome://extensions/，开启右上角的「开发者模式」，按F12打开DevTools，切换到Console标签，输入这段代码并回车：
```
document.body.style.height = document.documentElement.scrollHeight + 'px';
```
执行后页面会自动展开所有扩展内容，再按Ctrl+P（Windows/Linux）或Cmd+P（Mac）打开打印界面，选择「保存为PDF」，记得在「更多设置」里把缩放调为「自定义」（比如90%），避免内容被截断，这样就能导出完整的PDF了。
完整页面截图不用手动拼接
普通截图工具抓不全长页面？试试Chrome自带的完整截图功能：打开DevTools后，按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板，输入「Capture full size screenshot」，回车后Chrome会自动生成整个扩展页面的高清截图并下载，省心又省力。
导出完整HTML内容的小技巧
直接复制DevTools里的HTML树拿不到动态内容？换个方式：先用上面的JS代码展开所有页面内容，然后在DevTools的「Sources」面板里，右键点击页面根节点<html>，选择「Save as...」，就能把包含所有动态加载内容的完整HTML文件保存下来，虽然可能需要微调样式，但至少能拿到全部内容。