Skip to content

Instantly share code, notes, and snippets.

@tgwizard

tgwizard/index.html

Last active August 29, 2015 14:10
Show Gist options
  • Save tgwizard/1d5047f15c038df59fa6 to your computer and use it in GitHub Desktop.
Save tgwizard/1d5047f15c038df59fa6 to your computer and use it in GitHub Desktop.
Download ZIP
Smart App Banner - viewport width=840
Raw
index.html
<p>Testing smart app banners for iOS Safari</p>
<ul>
<li><a href="smart-app-banner-viewport-width.html">Viewport with width specified</a></li>
<li><a href="smart-app-banner-viewport-responsive.html">Viewport as responsive</a></li>
<li><a href="smart-app-banner-viewport-none.html">No viewport specified</a></li>
</ul>
Raw
smart-app-banner-viewport-none.html
<!doctype html>
<head>
<meta charset="utf-8" />
<meta name="apple-itunes-app" content="app-id=284882215">
<title>Test iOS Smart Banner</title>
<head>
<body>
<p>
<p>Test smart banners - viewport none<p>
On Safari in iOS there should be a "Smart Banner" promoting example app.
<a href="https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html">More info</a>.
</p>
</body>
</html>
Raw
smart-app-banner-viewport-responsive.html
<!doctype html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-itunes-app" content="app-id=284882215">
<title>Test iOS Smart Banner</title>
<head>
<body>
<p>
<p>Test smart banners - viewport responsive<p>
On Safari in iOS there should be a "Smart Banner" promoting example app.
<a href="https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html">More info</a>.
</p>
</body>
</html>
Raw
smart-app-banner-viewport-width.html
<!doctype html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=840, user-scalable=yes" />
<meta name="apple-itunes-app" content="app-id=284882215">
<title>Test iOS Smart Banner</title>
<head>
<body>
<p>
<p>Test smart banners - viewport width=840<p>
On Safari in iOS there should be a "Smart Banner" promoting example app.
<a href="https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html">More info</a>.
</p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment