Я разрабатываю мобильное веб-приложение (jquery 1.7.1 и jquery mobile 1.1.0) с заставкой, которая побуждает посетителей загружать приложение. Существует значок с надписью «Доступно в App Store», если пользовательский агент является браузером iOS, «Доступно в Google Play», если они находятся в браузере Android... вы поняли.
Я тестирую это в 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 (опять же я вижу это, выполняя Inspect Element в chrome:
<a id="appleStoreLink" href="#" class="ui-link">
<img class="storeBadgeImage" src="/images/App_Store_Badge.png" alt="iTunes download link">
</a>
Моя версия Chrome — 23.0.1271.97 для Windows.