如何在桌面App的WebView中嵌入适配窄高视图的新版Google日历？

一、构建适配的嵌入URL #

通过Google日历的embed模式结合查询参数，可直接生成无冗余界面、仅显示日视图的新版日历页面，适配窄高的webview控件：

https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FShanghai&mode=DAY&showNav=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0

关键参数说明：

• mode=DAY：强制切换为日视图
• showNav=0：隐藏顶部导航控制栏（上一天/下一天按钮等）
• showTabs=0：隐藏日/周/月等视图切换标签
• showCalendars=0：隐藏左侧日历选择侧边栏
• showPrint=0：隐藏打印按钮
• showTz=0：隐藏时区显示
• height：自定义日历高度，根据webview实际高度调整
• ctz：设置时区，替换为目标时区（例如America%2FNew_York）
• bgcolor：设置背景色，可匹配App主题色

二、窄宽度适配的额外优化 #

官方embed页面默认宽度仍有冗余，可通过webview注入自定义CSS进一步压缩界面：

/* 隐藏Google顶部全局导航栏 */
.gb_Se, .gb_Rf { display: none !important; }
/* 移除日历内部多余内边距 */
.n6sF9c { padding: 0 !important; }

注意：Google可能会更新页面元素类名，若样式失效需重新检查页面结构调整选择器。

三、关于公开参数文档 #

Google官方并未发布完整的日历嵌入参数列表，但上述参数均为社区验证过的、在新版Google日历上稳定生效的配置项。避免使用Gmail/Drive内部的未公开iframe URL，这类地址无官方支持，随时可能失效。

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