Full screen website on android and IOS

Question

I create website with angulaJS and responsive bootstrap.

The question is I want my website run in full screen mode or remove the address-bar. My user use IOS safari IOS chrome android browser and android chrome

Are you talking about a website or webapp? Possibly related: http://stackoverflow.com/questions/6143637/safari-mobile-full-screen — Turnip, Jan 13 '17 at 13:18
iOS: http://stackoverflow.com/a/6143684/746736. It looks like it may be possible on Android: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/ — Turnip, Jan 13 '17 at 13:33

score 0 · Answer 1 · answered Jan 13 '17 at 13:18

0

is it helpful ? Controller:

 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>

answered Jan 13 '17 at 13:18

Arthur Belhandouz

161
2
12

Have you tested this? – Turnip Jan 13 '17 at 13:27
i don't use that on my app but it's pretty similar – Arthur Belhandouz Jan 13 '17 at 13:29
@ArthurBelhandouz Fullscreen is not defined – Master Programmer Jan 13 '17 at 13:32
you can find help with this i think https://github.com/fabiobiondi/angular-fullscreen – Arthur Belhandouz Jan 13 '17 at 13:37

Full screen website on android and IOS

1 Answers1