Question

我有一个放置在第三方网站上的横幅小部件。横幅广告是通过iOS App Store或Google Play下载应用。这些链接在桌面浏览器上运行良好，但出于某种原因，在iOS Safari（iOS v10.3）上，App Store链接已经死亡，但Google Play链接正常工作。

iOS链接返回“Safari无法打开此页面，因为地址无效”。该链接有效，因为它适用于桌面浏览器。

有关使此链接在iOS Safari上运行的任何建议吗？

以下是链接的HTML和CSS：

HTML

      <a class="mobile-app-link" href="https://itunes.apple.com/us/app/id12345" target="_blank">
        <span class="mobile-app-span">
          <img class="mobile-app-image" alt="-" src="https://devimages.apple.com.edgekey.net/app-store/marketing/guidelines/images/badge-download-on-the-app-store.svg">
        </span>
      </a>
      <a class="mobile-app-link" href="https://play.google.com/store/apps/details?id=<id>" target="_blank">
        <span class="mobile-app-span">
          <img class="mobile-app-image" alt="-" src="https://play.google.com/intl/en_us/badges/images/badge_new.png">
        </span>
      </a>

CSS

  .mobile-app-image
    width: 119px
    height: 35px

  .mobile-app-link
    text-align: center
    display: inline-table
    vertical-align: middle
    margin: 0 10px 20px 0

  .mobile-app-span
    display: table-row

Answer 1

我不确定这是否是理想的解决方案，但事实证明，iTunes链接本身出了什么问题。用http://www.google.com替换链接工作正常。所以我决定使用JavaScript执行链接：

<a class="mobile-app-link" href="#" onclick="window.open(encodeURI('https://itunes.apple.com/us/app/id123456'), '_blank', 'location=yes,enableViewPortScale=yes');">
  <span class="mobile-app-span">
    <img class="mobile-app-image" alt="-" src="https://devimages.apple.com.edgekey.net/app-store/marketing/guidelines/images/badge-download-on-the-app-store.svg">
  </span>
</a>

此链接现在按预期在空白窗口中打开iTunes。

App Store的HTML链接无法在iOS 10.3 Safari中使用

1 个答案: