Understanding meta tags in App Cloud

You've probably noticed a bunch of meta tags in our code samples. What do they do?

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

The above tag tells the web container that the content type of the page is HTML and the character encoding is UTF-8.

<meta name="viewport" content="user-scalable=no, width=device-width, 
minimum-scale=1, maximum-scale=1" />

The above tag sets the browser window to the size of the viewport and prevents the entire page from scaling when the user pinches it (to prevent it from behaving like a typical web page).

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

The above tag is specific to iOS. It says the app is capable of running as a standalone web application (although App Cloud doesn't yet package apps as such.)

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

Also specific to iOS, the above tag sets the color of the status bar if and when the page is running in the context of a web application.

<meta name="bc-manifest" content="../manifest.json" />

The above tag tells the App Cloud SDK where to find the manifest file when running in development mode (e.g. in Chrome or Safari). The content attribute is the relative path to manifest.json.

p.s. Get more tips and tricks (and share your own) by joining the Brightcove App Cloud discussion group on Google.