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

OK，它原來是非常簡單的，一個只需要改變文檔的標題：

document.title = someDifferentTitle 

我仍然不知道爲什麼暗示在後幾個字符被截斷，但是這是一種足以讓我。

但我認爲jQM實現中存在輕微的不一致。如果使用代碼在h1中設置工具欄標題更改文檔標題，則通過.html（）方法動態更改標題也應該更改標題。