{"id":996,"date":"2013-02-06T13:44:22","date_gmt":"2013-02-06T13:44:22","guid":{"rendered":"https:\/\/ibex.tech\/javascript\/?p=996"},"modified":"2022-02-17T07:14:46","modified_gmt":"2022-02-17T07:14:46","slug":"setup-for-ios-web-app","status":"publish","type":"post","link":"https:\/\/ibex.tech\/javascript\/jquery-mobile\/pages\/setup-for-ios-web-app","title":{"rendered":"Setup for iOS web app"},"content":{"rendered":"<h4>\nSetting Page As An iOS Web App<br \/>\n<\/h4>\n<p>\nYou can setup a few meta tags to tell iOS that your site can be added to the Home Screen as a web app. Once launched from there, all of the Safari elements are hidden.\n<\/p>\n<pre>\r\n<code>\r\n&lt;!-- DON&#39;T LET USER ADJUST SIZE --&gt;\r\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, user-scalable=no&quot;&gt;\r\n&lt;!-- TELL iOS THIS CAN BE SHOWN AS A WEB APP --&gt;\r\n&lt;meta name=&quot;apple-mobile-web-app-capable&quot; content=&quot;yes&quot; \/&gt;\r\n&lt;meta name=&quot;apple-mobile-web-app-status-bar-style&quot; content=&quot;black&quot; \/&gt;\r\n<\/code><\/pre>\n<h4>\nCreating A Startup Image<br \/>\n<\/h4>\n<p>\nThe startup screen needs to be 320x460px&nbsp;in portrait orientation and should be in PNG or JPG format.\n<\/p>\n<pre>\r\n<code>\r\n&lt;link rel=&quot;apple-touch-startup-image&quot; href=&quot;\/my_ios_startup_screen.png&quot;&gt;<\/code><\/pre>\n<h4>\nApple Resources<br \/>\n<\/h4>\n<p>\n<a href=\"http:\/\/developer.apple.com\/library\/safari\/#documentation\/appleapplications\/reference\/safariwebcontent\/configuringwebapplications\/configuringwebapplications.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/developer.apple.com\/library\/safari\/#documentation\/appleapplications\/reference\/safariwebcontent\/configuringwebapplications\/configuringwebapplications.html<\/a>\n<\/p>\n<h4>\nScreen Size<br \/>\n<\/h4>\n<p>\nWhen you are in web app mode the screen size is&nbsp;320x460px. When you are in web browser mode the screen size is&nbsp;320x356px.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setting Page As An iOS Web App You can setup a few meta tags to tell iOS that your site can be added to the Home Screen as a web app. Once launched from there, all of the Safari elements are hidden. &lt;!&#8211; DON&#39;T LET USER ADJUST SIZE &#8211;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, user-scalable=no&quot;&gt; &lt;!&#8211; [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86],"tags":[],"class_list":["post-996","post","type-post","status-publish","format-standard","hentry","category-pages"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":9,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/996\/revisions"}],"predecessor-version":[{"id":3214,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/996\/revisions\/3214"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}