- <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="whatever.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-startup-image" href="whatever.png" />
<link rel="icon" href="whatever.png" type="image/x-icon">
<link rel="shortcut icon" href="whatever.png" type="image/x-icon">
- $element.bind("vclick",function(){});
not
$element.click(function(){});
but avoid changing the page under the button too soon
- setTimeout(doWork, 300); //for UI responsiveness - watch for race conditions!
-
window.top.scrollTo(0, 1); //hide iOS address bar
- #page&ui-page=somecustomval // for parameter passing - not officially supported
- -vendor--background-size: auto x // device background scaling
- $element.taphold(function(){}); // android context, $element.swipe(function(){}); - iOS context,
$element.bind("contextmenu",function(){}); // desktop context
- $list.listview("refresh"); // late databinding
-
* {
-webkit-touch-callout: none;
}
- Chrome canary - emulate iPhone user agent, Touch events, resolution