0

ユーザーがモバイルSafariから[ホーム画面に追加]オプションを選択すると、そのショートカットのタイトルを入力できるダイアログが表示されます。テキストフィールドには、デフォルトのタイトルがすでに入力されています。

問題は、このタイトルはどこから取ったのかということです。

私のコードでは、私のページの1つ（単一の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');

タイトルは問題なく更新されますが、[ホーム画面に追加]をタップすると、システムは元の「サンプルヘッダー」ヒントを引き続き使用します。

これを修正する方法は？何か案は？

4

2 に答える 2

5

ここで答えてください：https ：//stackoverflow.com/a/11569043/275754

短い答え：

<meta name="apple-mobile-web-app-title" content="Short name">
于 2012-12-03T11:12:27.037 に答える
0

OK、それは非常に単純であることが判明しました。ドキュメントのタイトルを変更するだけです。

document.title = someDifferentTitle

ヒントが数文字後に切り捨てられる理由はまだわかりませんが、それで十分です。

ただし、jQMの実装には若干の矛盾があると思います。コードを使用してh1でツールバーのヘッダーを設定すると、ドキュメントのタイトルが変更される場合、.html（）メソッドを使用してヘッダーを動的に変更すると、タイトルも変更されます。

于 2012-11-27T15:14:31.317 に答える