訪問者にアプリのダウンロードを促すスプラッシュ画面を備えたモバイル Web (jquery 1.7.1 および jquery mobile 1.1.0) アプリケーションを開発しています。ユーザー エージェントが iOS ブラウザーの場合は「App Store で利用可能」、Android ブラウザーの場合は「Google Play で利用可能」というバッジがあります。
ユーザー エージェントを偽装する開発者ツールを使用して Chrome でこれをテストしているので、実際のデバイスを必要とせずにすべてのモードをテストできます。iOS 以外のモードでは、すべてが期待どおりに機能します。iOS ユーザー エージェント モードで私が観察したことは次のとおりです。
1) ページが読み込まれるときに、リンクを含む要素を調べると、すべて問題ないように見えます。
<a id="appleStoreLink" href="https://itunes.apple.com/us/app/idXXXXXXXXX" class="ui-link">
<img class="storeBadgeImage" src="/images/App_Store_Badge.png" alt="iTunes download link">
</a>
2) バッジのリンクをクリックしても何も起こりません。そして、私の href に何が起こるかを見てください (これも、chrome で Inspect Element を実行することで確認できます:
<a id="appleStoreLink" href="#" class="ui-link">
<img class="storeBadgeImage" src="/images/App_Store_Badge.png" alt="iTunes download link">
</a>
Chrome の私のバージョンは、Windows 用の 23.0.1271.97 です。