From iOS 6 forward Safari will show smart app banners when the meta tag below is set on a website (https://developer.apple.com/news/index.php?id=10082012b):
<meta name="apple-itunes-app" content="app-id=311507490"/>
I would love to also see this on devices with iOS 5. I have been searching for a while for a jQuery fallback smart banner, nothing found yet.
Is there a iOS 5 fallback smart banner plugin?
Found it. jQuery Smart Banner:
http://jasny.github.com/jquery.smartbanner/#
Related
I was trying to submit my web based app to apple app store for tvOS, and they basically say that you should use webkit/webkitjs for web content. however, when I try to run a sample app; webkit doesn't load on apple tv. Now, I think I also read somewhere that apple tv doesn't support webkit. So, does tvOS support webkit? And id so, then why can I not find any help on displaying webpages in tvOS? The only help available is from many years ago which is also not applicable right now.
I have created a website using jquerymobile for smartPhones like iphone, android etc. Now i want to convert this website to ipad, tab website. How can i convert it? I am not sure is this jquerymobile working for both smartPhones and ipad???
Yes, jQuery Mobile works on all mobile devices, you do not need to make changes. You can, however, make an optimized version for tablets.
I'm trying to get an iPhone browser emulator to work on my website so it will work on all platforms. Are there any Javascript snippets that emulate the iPhone browser? I need it to zoom and browse the web, but the bookmark function is not required.
There isn't such a thing, as the iOS browser has a number of differences to any desktop browser.
The closest you could have is an iFrame surrounded by a picture of an iPhone, and instruct people to use Safari 5.
If you're on a Mac, you can use the iOS Simulator. Download Xcode from the App Store and with it comes the iOS Simulator, which also has the Safari app virtually exactly as is on the iPhone.
http://www.browserstack.com/ does exactly that. It ain't perfect, but it works..
I'd like to make some in-app help for my iPad app so I'm looking for examples of other apps that do it well. If I look the help for the Apple Pages app on my iPad, it opens the following url:
http://help.apple.com/iwork/mobile/interface/#tan724868a9
This looks like a native app in Safari on iPad. How did Apple make their html help page look like that? Is this simply a dashcode implementation or is there some other way to display native looking help via html in an iPad app?
It's just HTML/CSS/Javascript, but you could take a look at jQTouch for something similar, or the just-announced jQuery Mobile.
Safari HTML Reference: Supported Attributes says:
contenteditable
If true, the element can be edited on
the fly; if false, it cannot.
Availability
Available in Safari 1.2 and later.
Available in iPhone OS 1.0 and later.
However, on my iPhone, I can't get it to work. Anyone have success with this?
You can try it with this document (admittedly not pure html, but that document works in desktop Safari, and Chrome and Firefox 3). I haven't been able to get even the simplest html document to be editable in mobile Safari.
contenteditable has been added to iOS 5 beta 2, according to one of the developer videos from WWDC 2011. I suggest signing up to Apple's Safari developer program and downloading that video from the WWDC videos page.
If you sign up to be a Safari dev, you also gain the privilege to submit your Website to their online iOS Web app gallery.
Edit: I've confirmed this works on my iPad running iOS 5.0.1. Try it out here: http://www.quirksmode.org/dom/execCommand/
It works, kind of. I thought contenteditable doesn't work on iPhone before. When I set a div to contenteditable I couldn't move the cursor/pointer to where I wanted to move it. But, when I was fiddling around XHTML with contentEditable within iBooks.app on iPad, I found that "execCommand('insertText', null, 'foobar');" worked within Mobile Safari.
If you wanted to, you could make a virtual keyboard using
clever css and javascript, and make it into a bookmarklet.
If you cannot focus the contenteditable element try adding this to your css
[contenteditable] {
-webkit-user-select: text;
user-select: text;
}
The design mode and content editable are working fine in IOS 5.But in previous versions it is not working.There is post
http://mobile.tutsplus.com/tutorials/mobile-web-apps/safari-5_html5/
I think this is because editing HTML requires quite an advanced user interface. That's why desktop Safari implements it, while Mobile Safari doesn't.