html中无通用“应用名称”标签,pwa依赖manifest.json的name和short_name,ios需apple-mobile-web-app-title,title仅用于标签页和seo。

HTML里没有专门定义“应用名称”的标签
浏览器和操作系统不认什么“应用名称”,<title></title> 是唯一被广泛读取的文档标题,但它的作用只是页面标签页文字,不是应用标识。所谓“文档的应用名称”,实际是不同平台对不同元数据的各自解读——你得按目标环境分别处理,不能指望一个标签通吃。
Web App安装(PWA)必须用 manifest.json 的 name 和 short_name
当用户把网站添加到桌面、触发 PWA 安装时,系统从 manifest.json 里读取名字,不是 HTML 标签。漏掉这个文件,或写错字段,图标旁显示的就是 URL 或空白。
-
name:完整名称,用于安装提示和系统设置里(建议不超过 45 字) -
short_name:桌面图标下显示的名称,更短(建议 ≤ 12 字),必须提供,否则部分安卓机型会回退到name甚至失败 - 必须通过
<link rel="manifest" href="/manifest.json">在 HTML 中声明,路径要能被公开访问且返回application/manifest+jsonMIME 类型
<meta name="application-name"> 基本没人用
这个标签在规范里存在过,但现代浏览器完全忽略它。Chrome、Firefox、Safari 都不读取,Windows 旧版 IE 曾支持,现在已无实际意义。写了不仅没用,还可能让后续接手的人误以为“这里配了应用名”,反而掩盖真正该配的位置。
常见错误现象:
– 页面 里塞了 <meta name="application-name" content="我的App">,但添加到桌面后还是显示域名
– 和 manifest.json 内容不一致,导致开发调试时困惑
cqcms通用企业建站介绍 苍穹企业网站管理系统(CQCMS)软件是国产PHP网站内容管理系统:CQcms内容管理系统 ,它将成为您轻松建站的利器。模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY自己的网站提供了强有力的支持。MVC框架,自定义标签,模板文件修改非常方便,PC+WAP响应式布局,一个域名,自动识别终端,一个后台同时管理PC和wap。
立即学习“前端免费学习笔记(深入)”;
iOS Safari 添加到主屏幕靠 <meta name="apple-mobile-web-app-title">
这是 iOS 独有的逻辑:只有当用户手动“添加到主屏幕”且页面启用了 Web App 模式(即有 <meta name="apple-mobile-web-app-capable" content="yes">),才会读取这个 meta 标签作为图标下方文字。Android PWA 不看它,桌面浏览器更不认。
- 值必须是纯文本,不支持变量或 JS 注入;空格和特殊字符会被截断或显示异常
- 如果没写这个标签,iOS 会回退到
<title></title>,但可能被截断(尤其含 emoji 或长标题) - 注意和
manifest.json的short_name保持一致,否则同一站点在不同平台显示不同名字,显得不专业
真正起作用的永远是具体上下文:PWA 看 manifest,iOS 主屏幕看特定 meta,搜索引擎和分享卡片看 <title></title> 和 Open Graph 标签。混用或只配一处,大概率出问题。名字不统一,用户自己都分不清点开的是不是同一个应用。










