关于android和IOS的全屏网站

Question

我使用angulaJS和响应式bootstrap创建网站。

问题是我希望我的网站以全屏模式运行或删除地址栏。 我的用户使用IOS safari IOS chrome android浏览器和android chrome

Answer 1

有用吗？ 控制器：

 function MainCtrl($scope, Fullscreen) {

  $scope.goFullscreen = function () {

  if (Fullscreen.isEnabled())
     Fullscreen.cancel();
  else
     Fullscreen.all();

  // Set Fullscreen to a specific element (bad practice)
  // Fullscreen.enable( document.getElementById('img') )

  }

 }

HTML：

 <button ng-click="goFullscreen()">Enable/Disable fullscreen</button>