如何获取网页高度以自适应嵌入WordPress的Mailchimp通讯iframe尺寸

针对你的需求有两种成熟的实现路径，均可落地：

方案1：在Zapier/Automate.io工作流中提前获取页面高度（更稳定，无跨域限制） #

你可以在「获取到Mailchimp活动URL后、插入WordPress文章前」的步骤中加入自定义代码块，通过无头浏览器渲染页面获取真实高度，即使页面有动态加载内容也可以准确识别。

Python 示例代码（基于Playwright，比静态爬虫准确度更高： #

from playwright.sync_api import sync_playwright

def calc_mailchimp_height(page_url):
    with sync_playwright() as p:
        browser = p.chromium.launch(headless=True)
        page = browser.new_page()
        # 等待页面所有资源加载完成
        page.goto(page_url, wait_until="networkidle")
        # 提取页面实际渲染高度
        actual_height = page.evaluate("() => document.documentElement.scrollHeight")
        browser.close()
        return actual_height

拿到高度值后直接写入预配置的iframe代码的height属性，再同步到WordPress文章即可。

方案2：WordPress端添加脚本自适应高度（无需改动现有工作流） #

受浏览器跨域策略限制，由于你无法在Mailchimp归档页插入自定义脚本，纯前端直接读取iframe内部高度会被浏览器拦截，可采用两种变通方案实现：

• 后端预拉取内容渲染：在WordPress端新增自定义逻辑，服务端请求Mailchimp通讯的HTML内容，经过XSS安全过滤后直接输出到文章页面，完全替代iframe，天然不存在高度适配问题。
• 固定最小高度+可滚动兜底：给iframe设置min-height: 1200px，同时添加CSS属性overflow: auto，可以适配绝大多数通讯的高度场景，仅少部分超长内容用户可以滚动查看，无需额外开发高度计算逻辑。

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