iOS Fullscreen Webapp Capability

by RubenK, Friday, March 15, 2013, 10:26 (4198 days ago) @ RubenK

Alright - first step in 'hacking' iOS fullscreen capability into Selfoss are underway It's still very experimental work, since opening a entry_source-link will open that link inside the webapp, which will in essence disables control of the app. So read-entries-only at this point.

---

Added the following line at the bottom of /selfoss/config.ini

• fullscreen_webapp=1

If set to 1, the webapp will be capable of running in standalone fullscreen, if set to 0 the app will run in Safari

---

Added the following line to /selfoss/helpers/View.php on line 35, before $lastSlash = strrpos($_SERVER['SCRIPT_NAME'], '/');

• $this->fullscreenwebapp = \F3::get('fullscreen_webapp');

---

Added the following lines to /selfoss/templates/home.phtml before the </head>-tag

• <?PHP if($this->fullscreenwebapp=='1'){ ?><!-- MOD iOS webapp -->
  
• <meta name="apple-mobile-web-app-capable" content="yes">
  
• <link rel="apple-touch-startup-image" href="public/images/ios-splash-320x460.png" media="screen and (max-device-width: 320px)">
  
• <link rel="apple-touch-startup-image" href="public/images/ios-splash-640x920.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)">
  
• <? } ?>

The two images I used for the splash-screen can be found here: 320x640 and 640x920