如何让网站嵌入的Google Sheets实现实时更新？

问题本质 #

谷歌表格的公开嵌入链接自带缓存机制，首次修改后能快速更新是因为缓存还未生成，之后得等缓存过期（通常7-20分钟）才会同步到嵌入页面。你之前写的window.setTimeout(1000)完全无效——这个方法需要传入执行函数，而非单纯的延迟数值，再加上浏览器的跨域安全限制，你无法直接操作iframe内部的谷歌表格脚本，才会触发posObjs is not defined的内部错误。

可行解决办法 #

1. 添加随机参数绕过缓存

通过给iframe的地址附加随机参数，强制浏览器每次都请求最新的表格内容，而非读取本地缓存。具体实现步骤：

• 给iframe设置唯一ID，方便JS定位元素
• 编写定时刷新逻辑，每次刷新时更新地址并添加新的随机数

修改后的完整代码示例：

<!DOCTYPE html>
<html> 
<head> 
<link rel="stylesheet" href="style.css">
<title> Track Service Hours </title>
<link rel="icon" href="Logo.jpeg" type="image/x-icon"/>
</head>
<body> 
    <p2><a href="Website.html">Go Back</a></p2>
    <iframe id="sheetFrame" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQnRhjEik9KrCt86pUZO4hkwAcKHpIwBA_3DnjfLobbWTJ_YSHYKipUlTA2SzZowpPaLpCV2V3FGKZs/pubhtml?gid=0&single=true&widget=true&headers=false"></iframe>

    <script>
        // 自定义刷新间隔（单位：毫秒，示例为10秒）
        const refreshInterval = 10000;
        const sheetFrame = document.getElementById('sheetFrame');
        
        function reloadSheet() {
            // 移除旧的随机参数，添加新随机数避免缓存
            const baseUrl = sheetFrame.src.split('&random=')[0];
            sheetFrame.src = `${baseUrl}&random=${Math.random()}`;
        }

        // 页面加载5秒后启动定时刷新
        setTimeout(() => {
            setInterval(reloadSheet, refreshInterval);
        }, 5000);
    </script>
</body>
</html>

2. 注意事项

• 刷新间隔不要设置过短（比如小于5秒），避免触发谷歌的请求频率限制，同时防止页面性能下降
• 受跨域安全规则限制，无法直接操作iframe内部的谷歌表格脚本，所有刷新逻辑只能通过重新加载iframe实现
• 确保表格的公开访问权限未变更，否则嵌入链接会失效

关于posObjs is not defined错误

该错误来自谷歌表格内嵌页面的内部脚本，并非你的代码问题，主要是跨域操作或错误的刷新方式导致的内部逻辑异常。使用上述重新加载iframe的方式即可避免该错误。

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