Webapp主屏幕标题建议和jquery移动

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

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

简短回答：

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

Answer 2

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

document.title = someDifferentTitle

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

但我认为jQM实现存在轻微的不一致。如果使用代码在h1中设置工具栏的标题会更改文档标题，则通过.html（）方法动态更改标题也应该更改标题。