Webapp主屏幕标题建议和jquery mobile

Question

当用户从移动 Safari 中选择“添加到主屏幕”选项时，她会看到一个对话框，她可以在其中输入该快捷方式的标题。文本字段已经填充了一些默认标题。

问题是：这个标题出自哪里？

在我的代码中，我的一个页面有以下标题（单个 html 文件中的所有页面）：

<div data-role="header" class="toolbar">
    <h1 id="someHeader" class="exampleHeader">Example Header</h1>
    <a href="#" onclick="loadOtherStuff()">Other</a>
</div>

我正在使用动态更改此标题

var someDifferentTitle = ...
$('.exampleHeader').html(someDifferentTitle).trigger('create');

标题更新很好，但是当我点击“添加到主屏幕”时，系统仍然使用原始的“示例标题”提示！

如何解决这个问题？有什么想法吗？

Answer 1

好的，原来很简单，只需要更改文档的标题：

document.title = someDifferentTitle

我仍然不知道为什么提示在几个字符后被截断，但这对我来说已经足够了。

然而，我认为 jQM 实现中存在轻微的不一致。如果使用代码在 h1 中设置工具栏的标题会更改文档标题，那么通过 .html() 方法动态更改标题也会更改标题。

Answer 2

在这里回答：https://stackoverflow.com/a/11569043/275754

简答：

<meta name="apple-mobile-web-app-title" content="Short name">