我正在开发一个带有启动屏幕的移动网络（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 版本是 23.0.1271.97 for Windows。