apple-mobile-web-app-capable 是 ios safari 专用 meta 标签，仅在用户手动“添加到主屏幕”后生效，使网页启动时隐藏地址栏和工具栏，并非自动全屏；需配合 https、合法 apple-touch-icon、正确 content 值（yes）及 standalone manifest 兼容低版本 ios。

meta apple-mobile-web-app-capable 是什么，真的能全屏吗

它只是告诉 iOS Safari：「这个网页可以被添加到主屏幕，并在启动时隐藏地址栏和工具栏」。但apple-mobile-web-app-capable本身不触发全屏——必须配合用户手动「添加到主屏幕」操作才生效。没加到主屏的普通浏览器标签页，无论怎么设 meta 都不会隐藏 UI。

如何正确设置才能让“添加到主屏幕”后真正全屏

• 必须同时设置 <meta name="apple-mobile-web-app-capable" content="yes">（content 只接受 yes 或空值，true/1 无效）
• 推荐补上状态栏样式：<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">（可选值：default、black、black-translucent；注意 iOS 15+ 对 black-translucent 渲染有差异）
• 确保页面有合法的 <link rel="apple-touch-icon">，否则 iOS 可能拒绝显示「添加到主屏幕」入口
• 不要依赖 JS 检测是否全屏——iOS 不暴露可靠 API；可通过 window.navigator.standalone 判断（仅在从主屏幕启动时为 true）

常见失效原因和调试方法

用户点了「添加到主屏幕」却还是带地址栏？大概率是以下某个环节断了：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• 页面未通过 HTTPS 提供（iOS 11.3+ 强制要求 PWA 类行为需 HTTPS）
• apple-touch-icon 路径 404，或尺寸不符合规范（至少 180×180px，推荐提供 png，无透明通道更稳）
• 缓存了旧版 HTML —— 修改 meta 后需硬刷新 Safari（长按刷新按钮 → 「请求桌面站点」再切回来，或清空 Safari 缓存）
• 在微信内置浏览器里测试：无效。微信屏蔽了所有 apple-* meta 的解析，哪怕 URL 是 HTTPS

和 modern PWA 的关系：别混用，也别指望它替代 manifest

apple-mobile-web-app-capable 是 iOS 特有的遗留机制，和 W3C 标准的 manifest.json 互不兼容。如果你已用 display: standalone 配合 Web App Manifest，iOS 会优先尊重 manifest（但仅限 iOS 16.4+）。低版本仍只认 meta。所以：

• 要兼容老 iOS，必须保留该 meta
• 不要以为写了 display: "standalone" 就能删掉它
• manifest 中的 icons 和 apple-touch-icon 最好保持一致，避免图标错乱

最易忽略的是：即使所有配置都对，用户第一次打开仍处于 Safari 标签页模式，必须主动触发「添加到主屏幕」并从那里启动——这个动作无法用代码调起，也没法绕过。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！