Polymer Web apps Home screen for IOS - ios

I have a polymer web app that can be easily added to the Home Screen of an Android device.But I am not getting any way to add home screen for ios.
In google developer blog I find one post where they told it's not possible for ios.This post is now backdated.I believe there have some way to add home screen for ios/iPhone in 2017 :)
https://developers.google.com/web/updates/2015/10/splashscreen
Any suggestion or help will be really appreciated.
This feature I am looking for ios

Apple does not support Progressive Web Application features yet....
They have supported an Add to Home Screen Experience since the iPhone was first released. You need the touch icons referenced in the previous answer.
You still need to manually prompt the user to add to the home screen. I have used Spinnelli's library to help, http://cubiq.org/add-to-home-screen

Related

How can you prevent users from taking screenshots in a React Native IOS app?

I am currently building an IOS app with React Native, and I am looking into how to prevent users from taking screenshots on certain parts of the app.
I read this article on this issue: https://www.netguru.com/blog/prevent-screenshots-react-native, and I learned that there are basically two options. I can either use the paid ScreenShieldKit SDK or I can create an invisible screen animation that somehow covers the content of the app in a screenshot.
I am not looking to pay for ScreenShieldKit, so how can I go about making this animation to cover screenshots on my app, and will it even work?
Any help is appreciated. Thanks!
The two options for preventing screenshots on a React Native IOS App
ScreenShieldKit's technology is patented. And more likely than not, it is based on the other solution which you yourself know of (invisible screen animation). So it may not be wise to post the exact code here, as it could very well infringe upon their patent.

How to disable the Screen-shot in iOS using React-Native

I am working on POC in which I have to disable screenshot in ios using React-Native
Unlike Android, in iOS you cannot prevent the user from taking screenshots.
But if you have really have to hide as many as possible information from screenshots, you can try requiring the user to be touching the screen to view whatever information you're displaying (Like Snapchat). This is because the system screenshot event interrupts touches.
Thanks for this comment about the idea.

Web App iOS swipe to see previous page

I just added a web app manifest to my web app in order to have a better mobile experience.
When I now add my web app to my iOS home screen everything looks just like a real app, but unfortunately right and left swipe to jump to the previous seen page is not working anymore. It seems to be disabled.
Is there a way to enable this again?
When running the web app in safari the swipe gesture works just fine.
In my web app manifest I have
"display": "standalone" set.
I do not want to show the browser controls, it is supposed to look like a real app.
Is there a way to have the swiping enabled anyways again?
Thanks in advance!
Best regards
Chris
I never remember having this, but check out Framework7.io, they can do that with their framework 😀

Display iOS Compass Within iOS Native Web App Page

I am trying to figure out how to display an iOS Compass directly onto a page I created from within my iOS Native Web App. I don't want to tap on an area and it bring me to the compass application.
Essentially, I am working on a project where the accelerometer can be tested with the rotation of the device by using the iOS compass directly on my page without having to go directly into the compass application.
(It's kind of hard to explain. My apologies for that.)
Img Ex.
http://i442.photobucket.com/albums/qq145/inmyeyesurpsycho/AVF%20Project/ScreenShot2013-04-14at65356PM_zpsa0ab43e8.png
(The Password Is: compass)
If someone has any advice on what I can do to make this happen, I would really appreciate it.
P.s.
It has to work as an iOS Native Feature.
As far as I can tell there's no way to access the Accelerometer through a safari web app. So, you'll need to use something like google GPS to figure out that info.

How can I inspect elements on native iOS application

I am running an iOS native app on iOS Simulator and would like to inspect the elements on the app to get the ID.
Does anyone knows how this can be done?
Note: Please, this question is for iOS native App not Web based app!
Thanks
It sounds like you may be looking for something like Firebug or the Chrome Inspector for your native app? I'm not sure what you mean by "ID". Interface elements in iOS don't really have IDs the same way DOM elements have IDs.
You should check out the Spark Inspector (http://www.sparkinspector.com/), which allows you to see the views of your app and modify them at runtime - it may help you see what you're looking for. Full disclosure: I am the author of the app ;-)
There is a new app, called Reveal, that does an incredible job.
Not only you can check view's properties, you can also view all the app in a "exploded" 3D view, change the sizes and properties.
Specially for iOS 7, where the view controller starts from the beginning of the screen (and not below the navigation bar), it can be really useful.
You can download the trial at http://revealapp.com and decide which license you should get.
There are two Best ways for this -
Use Accessibility Inspector which is Apples's inbuilt tool so you don't need any other support .
As you will be using Xcode mostly for you code part, there is an option to play UI recording which capture all the actions and elements that you interact with on native app.
You need to inspect the App's Bundle.
Check this answer on stackoverflow, to get the appID: https://stackoverflow.com/a/8883166/933887
Appium has an inspector for ios applications.
This is the link for appium: http://appium.io/
and in this video you can see the inspector in action: https://www.youtube.com/watch?v=jQZTRz2W9xg

Resources