Javascript 如何在iOS上删除Ionic Webview顶部的空间?

Javascript 如何在iOS上删除Ionic Webview顶部的空间?,javascript,ios,css,cordova,ionic-framework,Javascript,Ios,Css,Cordova,Ionic Framework,这是我第一次和爱奥尼亚一起发展 我已尝试删除应用程序中的状态栏。现在,iPad应用程序的状态栏被移除。然而,在我的图标视图顶部仍然有一个空间(我认为它的大小与状态栏相同)。我已经使用此代码设置了Javascript文件以隐藏状态栏,但它不起作用 ionic.Platform.ready(function() { // hide the status bar using the StatusBar plugin StatusBar.hide(); // ionic.platform.fullScr

这是我第一次和爱奥尼亚一起发展

我已尝试删除应用程序中的状态栏。现在,iPad应用程序的状态栏被移除。然而,在我的图标视图顶部仍然有一个空间(我认为它的大小与状态栏相同)。我已经使用此代码设置了Javascript文件以隐藏状态栏,但它不起作用

ionic.Platform.ready(function() {
// hide the status bar using the StatusBar plugin
StatusBar.hide();
// ionic.platform.fullScreen();
});
我如何解决这个问题,或者我做错了什么? 多谢各位

下面是在web浏览器和iOS模拟器上比较的图像

  • 网络浏览器

  • iOS


您是否安装了如下状态栏插件:

$ cordova plugin add org.apache.cordova.statusbar
只有在此之后,才能删除状态栏:

angular.module('myApp', ['ionic'])

.controller('MyCtrl', function($scope) {
  ionic.Platform.ready(function() {
    // hide the status bar using the StatusBar plugin
    StatusBar.hide();
  });
});

我也有同样的问题。我用过:

ionic.Platform.ready(function() {
  //hide the status bar using the StatusBar plugin
  if(window.StatusBar) {
    // org.apache.cordova.statusbar required
    StatusBar.hide();
    ionic.Platform.fullScreen();
  }
});

ionic.Platform.fullScreen();是我项目中的东西。这样就去掉了顶部的空间。

也许他的解决方法会有帮助<代码>this.statusBar.overlyswebview(true)