+8
Started

Web reader full screen

Hayden Jones 9 years ago updated by H8Edge 6 years ago 13
Hi,

Would it be possible to add:

<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
to the webpage. This will allow mobile devices to display the page in fullscreen.

Thanks,

Answer

+1
Answer
Started

So, I tried implementing this. Not as easy as it sounds.

Well, for Android it was, the following line did the trick:

<meta name="mobile-web-app-capable" content="yes">

But for iOS, it's not that simple (as usual). Although there is a configuration that do launch the web browser in fullscreen mode:

<meta name="apple-mobile-web-app-capable" content="yes">

as soon as you click a link you are redirected to Safari.

I tried to change programmatically the location of the page each time a link is clicked (to stay in fullscreen mode), but it broke some parts of Ubooquity.


Bottom line: you'll have fullscreen on Android in the next release but not on iOS.

Under review
Yes, I'll test it and include if the tests are conclusive.
This would definitely be great. I look forward to this feature.
That would be absolutely awesome. Its the only feature I now need from the webviewer.

Brilliant bit of software that needs way more exposure than it gets.
+1
Answer
Started

So, I tried implementing this. Not as easy as it sounds.

Well, for Android it was, the following line did the trick:

<meta name="mobile-web-app-capable" content="yes">

But for iOS, it's not that simple (as usual). Although there is a configuration that do launch the web browser in fullscreen mode:

<meta name="apple-mobile-web-app-capable" content="yes">

as soon as you click a link you are redirected to Safari.

I tried to change programmatically the location of the page each time a link is clicked (to stay in fullscreen mode), but it broke some parts of Ubooquity.


Bottom line: you'll have fullscreen on Android in the next release but not on iOS.

based on your description it sounds like on iOS you are using Chrome to create the web app on the home screen?

Using the same method you are already:

<meta name="apple-mobile-web-app-capable" content="yes">


Could you try using Safari to add the web app to your home screen? iOS should then comply with the fullscreenness.


EDIT:

sorry, under further investigation this still acts as you described. :)

No problem. I was indeed already using Safari.

If there is a solution simple enough to implement fullscreen on iOS I'll do it, but it seems unlikely so far.


iOS users can still use alternative browsers with a fullscreen mode provided by the browser itself. iCab Mobile offers this functionality, for example.

is there still some hope for iOS on this? or have you given up on that?

Until Apple provides a simple way to launch pages in full screen (and stay fullscreen when you navigate), I won't be able to do anything.

@Tom

Revisiting fullscreen for ios again :)

Have you tried to use the scope parameter in manifest.json?
See https://stackoverflow.com/questions/2898740/iphone-safari-web-app-opens-links-in-new-window/49604315#49604315

I am not a developer and not sure its applicable within the context of ubooquity, but since apple added support for PWA after this was looked into initially, it seems like a :) good idea to check again :)

https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

Thanks for a fantastic product :)

Not sure if this would be helpful..  or if Ubooquity is still being worked on..

https://bubblin.io/blog/fullscreen-api-ipad

Just got an IPad pro yesterday and I'm struggling to find a way to go fullscreen.. Who knew that would be a difficult thing.. I tried that iCab Mobile, but their fullscreen seems to just make the top bar disappear, leaving the rest of the page basically the same size that it was..

It does help.

(and Ubooquity is still worked on, although even more slowly than before)


I do not have an up-to-date iPad, so I won't be able to test in the event that I implement something, but I'll take a look at your link nevertheless.

Glad to hear it's still alive :D   (long time Comicrack user here)

As a work around for viewing stuff fullscreen, I'm using Kiosk pro plus, which has a lot of options and is working pretty well.. There's a free version and I had to get the paid one to do what I wanted, of course..  but it does the job..