ios - AngularJS Web App 在 iPhone 6 上停止工作

Question

我有一个 AngularJS 移动网站，它在 iPhone 5、iPhone 5s(均运行 iOS 8)和我的 iPad(也运行 iOS 8)上运行良好。但是，“登录”按钮在 iPhone 6 上不起作用(例如，您单击它但没有任何反应)。完全相同的网站在其他 iOS 移动平台上运行完全没有问题。这对我来说没有意义，因为它们都是 iOS 8？

附带说明一下，该网站确实可以通过 Browser Stack 在 iPhone 6 模拟器上运行，但不能在实体 iPhone 6 上运行。我不确定这是否是 iPhone 6 上的默认设置，但我找不到任何东西.

这是点击登录按钮时调用的代码:

标记的代码片段是:

<div class="col-sm-6 bordered-form field-padding">
  <form name="loginForm" role="form" novalidate>
    <div class="row">
      <div class="col-sm-12">
        <h4>Existing employers login</h4>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12 form-group">
        <input type="email" name="email" ng-model="user.email" placeholder="Please enter your email address" class="validatedInputField" required>
          <span ng-show="loginForm.email.$valid" class="glyphicon glyphicon-ok icon-success"></span>
          <span ng-show="loginForm.email.$invalid && loginForm.email.$dirty" class="glyphicon glyphicon-remove icon-invalid"></span>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12 form-group">
         <input type="password" name="password" ng-model="user.password" placeholder="Please enter your Password" class="validatedInputField" required ng-minlength="6">
          <span ng-show="loginForm.password.$valid" class="glyphicon glyphicon-ok icon-success"></span>
          <span ng-show="loginForm.password.$invalid && loginForm.password.$dirty" class="glyphicon glyphicon-remove icon-invalid"></span>
      </div>
      <div class="col-sm-12">
        <button class="btn btn-success" ng-disabled="loginForm.$invalid" ng-click="authenticate()"><span class="glyphicon glyphicon-thumbs-up"></span>&nbspLogin</button>
      </div>
    </div>
  </form>
</div>

Angular 函数在这里:

$scope.authenticate = function(){

var credentials = "Basic " + $window.btoa( this.user.email + ":" + this.user.password );

 $http.get( ENV.apiEndpoint + '/auth/basic/', 
     {headers: {'Authorization': credentials}})

    .success( function(data, status, headers, config){

        AuthorisationService.LoginUser(data);

    }).
    error( function(data, status, headers, config) {
        ErrorLoggingService.logError( data, status, headers, config );
    }); 
}

Angular 版本:1.2.15

Bootstrap 版本:~3.0.3

有人在 iPhone 6 上遇到过这个问题吗？

由于我无法使用实体 iPhone 6，因此我在确定问题时遇到了一些问题。如果有人可以使用 iPhone 6，我可以让他们访问我网站上的测试帐户，他们可以非常快速地重现问题。

如有任何帮助，我们将不胜感激。

Answer 1

我在出现问题的实际 iPhone 6 上对此进行了调试，当服务器返回的 token 存储在 session 存储中时，我发现它失败了。

我调用 Apple 支持，并与他们通了很多时间。该页面适用于其他 iPhone 6 设备，但不适用于此设备。在尝试了几种不同的设置并确认它可以在 Chrome 上运行后，出色的 Apple 支持人员让我看看该页面是否设置为“私有(private)”。

在 Safari 浏览器的右下角，您可以单击一个图标，然后可以将各个网站设置为“私有(private)”。取消选中它会使网站正常运行，我可以将 token 存储在 session 存储中。看来我的客户不小心将网站设置为“私有(private)”，这导致了问题。

希望这能为遇到类似问题的其他人节省一些时间。完全感谢 Apple 支持人员花了一个多小时解决了这个问题。