Jump to content

Mobile Web Application / Progressive Web Application on the iPhone (iOS, Safari)

Recommended Posts

I use Caspio URL deployment for my submission form and I would like to make a "Mobile Web Application" as described here. In fact, all I want to achieve is to hide Safari user interface components. This is apparently achieved by setting the apple-mobile-web-app-capable meta tag to yes:

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

As I understand the meta tags need to be added to the HTML <head>.

There is a similar thread that suggests to inject the instructions for the HTML's head in the DataPage footer like so:

<script language="JavaScript">

var meta = document.createElement('meta');

meta.name = "Author";

meta.content = "Name";



I modified it and injected it in the footer of my Submission form, but it doesn't work:

<!-- Progressive Web App PWA -->

<script language="JavaScript">
  var appleMobileWebAppCapableMeta = document.createElement('meta');
  appleMobileWebAppCapableMeta.name = "apple-mobile-web-app-capable";
  appleMobileWebAppCapableMeta.content = "yes";

  var appleMobileWebAppStatusBarStyleMeta = document.createElement('meta');
  appleMobileWebAppStatusBarStyleMeta.name = "apple-mobile-web-app-status-bar-style";
  appleMobileWebAppStatusBarStyleMeta.content = "white";

  var appleMobileWebAppTitleMeta = document.createElement('meta');
  appleMobileWebAppTitleMeta.name = "apple-mobile-web-app-title";
  appleMobileWebAppTitleMeta.content = "Notentool";


How can I add the meta tag to the HTML's <head> using Caspio?*

*Bear in mind that I am a no coder / an utter newbie.


Any suggestion is much appreciated!




Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...