URL로드가 완료 될 때까지 내 webview를 숨기려고합니다.

Question

외부 사이트를 webview에로드하는 ionic app가 있습니다. URL로드가 완료되기 전에 webview가로드 될 때마다 빈 페이지가 표시됩니다. URL이 완료된 후에 만 ​​webview를 표시하고 싶습니다. 나 또한 loadstart에 대한 eventlistener, 그 윈도우가 닫힐 때 URL이 충돌하고 이온 애플 리케이션 홈 화면으로 돌아갈 것을 의미합니다, 내 에뮬레이터에서 작동하지만 내 실제 장치에 그냥 기호로 빈 페이지를 보여줍니다.

$scope.login = function() 
     { 
     //check if network is connected before sending initial request 
     if(monitor.isOffline()) 
     { 
      var alertPopup = $ionicPopup.alert({ 
      title: 'Network Error!', 
      template: "Your Network is Offline, please connect and try again" 
      }); 
     } 

     //show spinner while loading page 
     $scope.show = function() { 
      $ionicLoading.show({ 
      template: '<p>Loading...</p><ion-spinner></ion-spinner>' 
      }); 
     }; 

     //hide spinner 
     $scope.hide = function(){ 
      $ionicLoading.hide(); 
     }; 


     //send initial request 
     AuthService.login($scope.user).then(
      function(home) 
      { 
      $scope.show($ionicLoading); 
      if(monitor.isOnline()) 
      { 
       $scope.show($ionicLoading); 

       var ref = window.open(home, '_blank', 'location=no,toolbar=no'); 

       ref.addEventListener('loadstart', function (event) 
       { 
       if(event.url == "http://mobile.map.education/logout") 
       { 
        ref.close(); 
       } 

       }); 
       ref.addEventListener('loaderror', function (event) 
       { 
       var alertPopup = $ionicPopup.alert({ 
        title: 'Network Error', 
        template: "Oops,Error with your network" 
       }); 

       ref.close(); 

       }); 

       $scope.hide($ionicLoading); 

       //watch network state 
       monitor.startWatching(); 
      } 
      if(monitor.isOffline()) 
      { 
       var alertPopup = $ionicPopup.alert({ 
       title: 'Network Error', 
       template: "Oops,Error with your network" 
       }) 
      } 
      }, 
      function (errMsg) 
      { 
      var alertPopup = $ionicPopup.alert({ 
       title: 'Login failed!', 
       template: errMsg 
      }); 
      }) 
      .catch(function() 
      { 
      var alertPopup = $ionicPopup.alert({ 
       title: 'Login failed!', 
       template: 'Server not responding' 
      }) 
       .finally(function ($ionicLoading) 
       { 
       $scope.hide($ionicLoading); 
       }); 
      }); 
     }; 

Answer 1

생각이 단지와 InAppBrowserPlugin 작동하지만 다음 hidden=yes

var ref = window.open(home, '_blank', 'location=no,toolbar=no,hidden=yes'); 

으로 창을 열 수 있습니다 :

ref.addEventListener('loadstop', function(){ 
    ref.show(); 
}); 

체크 여기에 문서 : https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/