安卓和IOS全屏网站

Question

我用 angulaJS 和响应式引导创建网站。

问题是我希望我的网站以全屏模式运行或删除地址栏。 我的用户使用 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>