为什么这个链接在 iPhone 上不起作用？

Question

转到this site here，然后点击顶部导航中的“订阅”。

然后点击“立即订阅”按钮。

它应该将您重定向到注册页面。

在 Safari 和 Chrome 中的 iPhone 上却没有。

它基本上只是重定向回同一页面。

这只是一个普通的href链接，没有JS或类似的东西。

如果您在台式机、笔记本电脑或其他设备上尝试此链接，则此链接有效。

其他链接也可以在同一页面上的 iPhone 上使用。

我不太清楚如何在 iPhone 上调试奇怪的前端行为。

编辑 1

它似乎不适用于 OS X 上的 Safari。但它适用于 OS X 上的 Chrome。

不知道如何在 Safari 上调试。

编辑 2

好的，我想出了如何在 Safari 中访问开发人员工具，并且我能够追踪到这一点：

所以让我大吃一惊的是，也许我没有在我的生产环境中force_ssl = true。

但是当我这样做时，我最终陷入了重定向循环，整个网站崩溃了：

The domain_name.com page isn’t working
domain_name.com redirected you too many times.
Try clearing your cookies.
ERR_TOO_MANY_REDIRECTS

编辑 3

这是一个简单的link_to 标签，如下所示：

        <div class="col-lg-12 text-center">
            <%= link_to "Subscribe Now", new_subscription_path(plan: "basic-annual"), class: "btn btn-success btn-lg subscribe-btn" %>
        </div>

生成以下 HTML：

<div class="col-lg-12 text-center">
                <a class="btn btn-success btn-lg subscribe-btn" href="/subscription/new?plan=basic-annual">Subscribe Now</a>
            </div>

没有与之相关的JS。但我确实认为这与 SSL 有关。

Answer 1

看起来 Turbolinks 正在发挥作用。您可以使用 data-turbolinks="false" 为特定链接禁用它：

<a class="btn btn-success btn-lg subscribe-btn" data-turbolinks="false" href="/subscription/new?plan=basic-annual">Subscribe Now</a>

使您的链接工作得非常好。 :D

Answer 2

我注意到您正在使用 Turbolinks（安装香草 Rails？）。

出于某种原因，Turbolinks 正在请求您网站的 http 版本。这就是为什么在 Safari 上什么都没有发生，它只是阻止内容，因为页面是通过 https 提供的，所以 ajax 也应该是 https：

https://recrutz.com/subscription/new?plan=basic-annual 的页面不允许显示来自http://recrutz.com/register 的不安全内容。

您可以尝试更新 Turbolinks 吗？这个已经解决的问题看起来与您的问题有关：https://github.com/turbolinks/turbolinks-classic/issues/570