How do I develop my website to work with the "reader" icon on iPhone? - iphone

This morning I had a look at my blog on my iPhone and noticed that when I view a specific page a Reader icon comes up next to the URL in the address bar:
When I press it, I get an interface like this:
This functionality was completely unintentional (I wasn't even previously aware of it) but I think really nice, so I want to try and implement it intentionally on a few other pages on my website (and other sites that I work on).
How do I work with and enable this feature?

You don't need any work on your site. This is build-in feature on iOS Safari.

Related

How to launch an external website from a chrome app?

I'm looking to link to a sign up page on an external webapp via a chrome app. The simplest way to manage this seems to be to open a new tab in the chrome browser (not a new webview in a new window of the app).
Tabs seem deprecated and a webview appears very unofficial and unsafe. Basically, is there a way to effectively do this:
Sign up
And the bigger question of course: is there a better way to approach what seems like a simple problem?
Your conceptions, "Tabs seem deprecated and a webview appears very unofficial and unsafe", seem very strange. tabs is simply not enabled for Apps, and <webview> is alive and well.
But if you must open it in the browser, window.open will do the trick. See also this question.
Edit: Also, upcoming is the chrome.browser.openTab API. Leave your feedback if you have use cases for this feature.

Register app to open from Safari's "share" or "open in..." dialog not working. (though works from other apps)

I am trying to register my application to show up in Safari's "Open-in..." dialog when a user clicks the share button on any html webpage.
I have added the public.html (and public.data for good measure) content types to the Document Types in Xcode, as suggested in many answers: (See this question, this question, or this apple documentation.)
And, it seems to work. If I open a .pdf in Safari, I get the "open in My App" dialog at the top.
I can also use the "open in..." dialog from other apps to share the document with My App.
To test it, I built DocInteraction as recommended in this answer, and if I create an html file, My App shows up in the share dialog.
However, My App still doesn't show up in the share dialog in Safari.
When I run it in iOS7 on the iOS Simulator, I only get Mail, Twitter, and Facebook showing up:
The same goes when I test it on my real iOS device:
BUT, I would like you to note that it does seem to be possible! Look at the above screenshot.. SOMEHOW, Weibo has managed this feat. I don't know how, but for some reason Weibo shows up in this list even though My App doesn't.
And you know, actually, this sort of makes sense, given how many apps can probably open html pages. Here is DocInteraction running on my iOS device trying to share an html page:
There it is! My App! (It's actually called "Wulu Podify"). But there are so many apps who are hungry for .html pages, I guess Safari thinks it might be a bit overwhelming to provide them all.
BUT, this still begs the question, how did Weibo get themselves on that list? But, some further digging seems to show that actually Weibo seems to have gotten itself on EVERY list.
I'm not sure how they managed it, but maybe they are going about this differently.
Weibo's "I-will-open-any-document-you-throw-at-me-c'mon-try-it-c'mon" approach might solve this problem, but it's not ideal. I really only want to open html pages.
So. I guess my questions is three-fold:
Is there a way to actually have my app show up in Safari's "Open In..." dialog?
If not, how can I achieve what Weibo achieved, and show up in ALL the dialogs?
Should I want to do that? It seems like it might be a bad idea.
Thanks for any help! I've been at this for a while!!
Update:
So, actually, I didn't realize it but I think Weibo might be a built-in option just like Facebook and Twitter. I assumed it was just there because I have it installed on my phone, but maybe it was one of the iOS6 defaults. I say that because when I test on the iOS6.0 Simulator, I suddenly see Weibo show up in the share screen, even though I definitely haven't installed it on my simulator.
So maybe there is no way around this except for having it built in to Safari by apple..
I know this is years later, but if anyone runs into this old question, as of IOS 8, Apple now allows app creators to make "extensions" which do allow you to add your app to the share menus.
Here is some documentation:
https://developer.apple.com/library/prerelease/ios/documentation/General/Conceptual/ExtensibilityPG/ExtensionScenarios.html
I fear what you want is not possible.
There is a difference between the Share dialog and the Open With dialog.
For the latter it's possible to register your app with document interaction, but the Share dialog only provides the native types (which Weibo is one of - see here: UIActivityViewController).
Also see this question on StackOverflow: is-it-possible-to-add-an-app-to-the-native-share-dialog
its , called extension , fist create a new project and than -->
file ->new -> target -> application Extension -> ####
and select your required extension and done....

iOS Share Dialog?

I'm curious, is the standard "Share" dialog you see throughout a lot of iOS apps a standard SDK dialog or is everyone just mimicking the ones that Apple created for their apps like Safari? Or perhaps everyone is using ShareKit?
For instance, on iPhone you get a nice 3/4 modal dialog which does a vertical cover appearance, containing a bunch of shiny buttons:
While on iPad you see a "speech bubble" type dialog appear:
This seems too standard across apps to just be coincidence/people ripping off the look and feel.
The situation you presented in this specific case is caused by the fact that on iPad, the UIActionSheet is always presented within a popover controller, and on the iPhone it displays as in your example, withouth a Popover Controller (which is only available on the iPad)
I've written my own code for sharing using Facebook's SDK and the iOS5 Twitter integration so I've never used it but I believe there is a library you can use called ShareKit that will create the action sheets and sharing capability that you'd like. The "up-to-date"/"2.0" (I believe the original is no longer maintained) version is available here:
https://github.com/ShareKit/ShareKit
Apple provides the tools to make UI objects. The one you are looking at is "UIActionSheet".
Developers can bind methods to the tap events of the actionsheet.
Apple encourages developers to keep a consistent UI in order to make the overall use easier on the user.
Check out the Apple Human Interface Guidelines.
link

Iphone storyboard application with game in webview

I made a HTML5 game for web browsers. Some of the players asked me if I could make it available as an App. Now I have a developer key, but just a VERY basic knowledge of Xcode / objective-c and I dont actually own an Apple computer. (But I can run Leopard/Xcode in VMWare).
Is it very bad practice to make a storyboard application that basically consists out of a splashscreen and a webview that loads my html game page with some added js/css to match the resolution?
Will Apple allow a game developed like this? It seems way easier to update etc...
Can I remove the bottom status bar from a webview using the meta tag? Or does that just work in safari, and will localstorage work?
Are there other, better, faster ways to port html5 to an app?
Sorry for the huge amount of questions, but I couldnt find satisfactory answers to all my questions, and I guess more people will have the same...
gr
Let me try to help you:
No, its not a "bad practice", but maybe for your app it's simple to do just a normal Single View Application. It doesn't mean that it's going to be wrong doing a storyboard, it;s just simpler.
Your App is only going to open a WebView with an URL, so, if you dont do anything weird, it's not going to be rejected.
If you are talking to the status bar, yes, it's possible to remove it easily.
I think that's the best way, just open a view with a webview on it. Another way is making your app call Safari with that URL, that's up to you (your app will go to the background and Safari will be called)
And an extra one: Its totally ok doing it with VMWare, I develop like that sometimes with my PC ;)

Implementing "Add to Home Screen", ala Safari

Safari on iPhone has a feature that lets you create a shortcut on your home screen for a web page. Is it possible for other apps to implement similar functionality? I'd like to give my users a quick way to jump to a specific item in my iPhone application.
There is no officially sanctioned way to do this. Third-party apps on the iPhone have very limited scope for interaction with other parts of the system. They can look into the address book and the photo library and they can invoke other applications with certain arguments but they can't do anything with the home screen.
Not sure.. but there is application like 'One Tap Dial' that is doing it tho
I spent few hours to find ways to this - seems only safari has this capability
'One Tap Dial' eventually uses Safari to get this done