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">