237899745/zsglpt
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 展开所有可滚动容器以截取完整页面内容

Browse Source 
在截图前通过JavaScript展开所有带overflow的容器，确保full_page能够捕获全部内容。

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
yuyx
2025-12-14 16:17:51 +08:00
parent 94ceb959c7
commit a3497f2921
1 changed files with 35 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
playwright_automation.py
View File

@@ -1361,31 +1361,43 @@ class PlaywrightAutomation:
# 先保存到临时文件
temp_filepath = filepath + '.tmp'
# 尝试展开iframe以显示全部内容
# 展开所有可滚动容器，使内容完全显示
try:
self.main_page.evaluate("""() => {
const iframe = document.querySelector('iframe[name="mainframe"]');
if (iframe) {
try {
const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
const contentHeight = Math.max(
iframeDoc.body.scrollHeight,
iframeDoc.documentElement.scrollHeight,
2000
);
iframe.style.height = contentHeight + 'px';
iframe.style.minHeight = contentHeight + 'px';
iframe.style.maxHeight = 'none';
// 调整父容器
let parent = iframe.parentElement;
while (parent && parent !== document.body) {
parent.style.height = 'auto';
parent.style.maxHeight = 'none';
parent.style.overflow = 'visible';
parent = parent.parentElement;
// 移除body和html的高度限制
document.documentElement.style.height = 'auto';
document.documentElement.style.overflow = 'visible';
document.body.style.height = 'auto';
document.body.style.overflow = 'visible';
// 查找所有可能的滚动容器并展开
const expandScrollable = (el) => {
if (!el || el === document.documentElement) return;
const style = window.getComputedStyle(el);
if (style.overflow === 'auto' || style.overflow === 'scroll' ||
style.overflowY === 'auto' || style.overflowY === 'scroll') {
el.style.height = 'auto';
el.style.maxHeight = 'none';
el.style.overflow = 'visible';
}
} catch(e) {}
if (el.parentElement) expandScrollable(el.parentElement);
};
// 从表格开始向上展开
const table = document.querySelector('table.ltable, .ltable, table');
if (table) expandScrollable(table.parentElement);
// 展开所有带overflow的元素
document.querySelectorAll('*').forEach(el => {
const style = window.getComputedStyle(el);
if ((style.overflow === 'auto' || style.overflow === 'scroll' ||
style.overflowY === 'auto' || style.overflowY === 'scroll') &&
el.scrollHeight > el.clientHeight) {
el.style.height = el.scrollHeight + 'px';
el.style.maxHeight = 'none';
el.style.overflow = 'visible';
}
});
}""")
time.sleep(0.5)
except Exception: