div 长图截图

用 DevTools 内置“Capture node screenshot”（不需要写太多 JS）

打开 DevTools（F12 或 Ctrl+Shift+I）。
在 Elements 面板里找到你要截图的那个

，点击选中它（或者右键页面元素 → Inspect）。
按 Ctrl + Shift + P（Mac 是 Cmd + Shift + P）打开 Command Menu。
输入 screenshot，选择 Capture node screenshot。

这会直接截取选中元素完整内容（包括滚动部分），效果通常很好。
如果滚动内容没被完整捕获（常见于 overflow: auto 的 div），先在 Console 里运行下面这段 JS 强制展开：

const elem = $0;  // $0 就是你当前选中的元素
let parent = elem;
while (parent) {
    parent.style.setProperty('overflow', 'visible', 'important');
    parent.style.setProperty('max-height', 'none', 'important');
    parent = parent.parentElement;
}