+8
Started

Web reader full screen

Hayden Jones 4 years ago • updated by bollings 2 weeks ago 10
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 :)