AngularJS Web App이 iPhone 6에서 작동을 멈췄습니다.

Question

저는 AngularJS 모바일 웹 사이트가 iPhone 5, iPhone 5 (모두 iOS 8 실행) 및 내 iPad (iOS 8)에서도 잘 작동합니다. 그러나 iPhone 6에서는 '로그인'버튼이 작동하지 않습니다 (예 : 클릭하고 아무 반응이 없음). 그 똑같은 웹 사이트는 다른 iOS 모바일 플랫폼에서 전혀 문제없이 작동합니다. 그들이 iOS 8이기 때문에 이것은 나에게 의미가 없습니까?

웹 사이트는 브라우저 스택을 통해 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> 

이

각도 기능은 여기 여기

는 로그인 버튼을 클릭 할 때 호출되는 코드입니다

$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); 
    }); 
} 

각형 버전 : 1.2.15

부트 스트랩 버전 : ~ 3.0.3

누구든지 iPhone 6에서이 문제가 발생 했습니까?

물리적 인 iPhone 6에 액세스 할 수 없기 때문에 문제를 격리하는 데 문제가 있습니다. 누군가가 iPhone 6에 액세스 할 수 있다면 내 웹 사이트에서 테스트 계정에 대한 액세스 권한을 부여 할 수 있으며 문제를 신속하게 재현 할 수 있습니다.

도움을 주시면 감사하겠습니다.

Answer 1

문제가 발생한 실제 iPhone 6에서이를 디버깅했으며 서버에서 반환 한 토큰을 세션 저장 공간에 저장하는 중 실패했다는 것을 알았습니다.

나는 애플의 지원을 요청했고, 그들과 함께 꽤 많은 시간을 보냈다. 이 페이지는 다른 iPhone 6 장치에서 작동했지만이 장치는 아닙니다. 몇 가지 설정을 시도하고 Chrome에서 작동하는지 확인한 후 환상적인 Apple 지원 담당자가 해당 페이지가 '비공개'로 설정되었는지 확인하도록 요청했습니다.

사파리 브라우저의 오른쪽 하단에서 아이콘을 클릭하면 개별 웹 사이트를 '비공개'로 설정할 수 있습니다. 이것을 선택 취소하면 웹 사이트가 작동하고 토큰을 세션 저장소에 저장할 수 있습니다. 내 고객이 실수로 웹 사이트를 '비공개'로 설정 한 것으로 보입니다. 이로 인해 문제가 발생했습니다.

이렇게하면 다른 사람과 비슷한 문제가 발생하지 않도록 시간을 절약 할 수 있기를 바랍니다. 이 문제를 해결하는 데 한 시간 이상을 소비 한 Apple 지원에 대한 전적인 공헌