I just wanted to know if someone can explain why is this happening to me.
I am developing a mobile app using phonegap and jquerymobile and one of the features of the app is to guide the user using a navigation tool.
For iOS we have choose Waze. It is really easy to add it:
<a href=" waze://q=Adress">
and it works! It works if we run the app using safari or even if we build a native app using phonegap.
The problem comes when using Android. For android we are using Google Navigation. The code we are using is:
<a href="google.navigation:q=Adress">
It is working ok, but only if we build a native app with our htlm code using phonegap but it is not working if we run the app on Android Web Browser.
We dont want the user to install the app to use this feature...
The question is: Why? Why the html code is working ok inside a webview on a native app but it is not working on Android Browser?
I just had the same issue and used the geo URI and it is working:
Wikimedia Headquarters
for a more detailed explanation see this link: http://en.wikipedia.org/wiki/Geo_URI#Example
The href above will open navigation apps, such as waze on Android (just tested it on the Galaxy S4 with Waze and it is working - it also opens up the Google Maps/Navigation app, which is now a combined app).
Hope this helps! :)
Related
I am working on a React project. The same web app has its Android and IOS apps as well.
When I copy a web app's link to android users' mobile phone, It asked to open through web or app like this.
But I try to open the same thing with the IOS device. It directly opens the link in the web browser.
I am new to this project and I have no access to any documentation for the project. How can I add android behaviour to the IOS? Is this can be done in the React web app itself?
I think this will help with support universal links:
https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.html
In addition, there is a very detailed explanation here in terms of react native. I wanted to direct you in case you might not have come across.
https://rossbulat.medium.com/deep-linking-in-react-native-with-universal-links-and-url-schemes-7bc116e8ea8b
I have customers wanting my website in app form, but the website is responsive. I've been looking for an open source project or code to just run the website in an app or open up their default browser to direct them to it. They just want the button.
Is there an open source project to make it easy to develop that code for iOS, Android, etc.
Are there any issues with running a website natively? Aka, same as cross-browser issues or..?
Thanks!
There is Apache-Cordova at this link. It is multi-platform and free/opensource.
In Android, you can use WebView.
Android WebView is a system component powered by Chrome that allows Android apps to display web content.
For more information about Android WebView, please visit the documentation
I've been working on an HTML5 app in the Intel XDK lately and part of the app is buttons that link to external websites. I'm having a problem with the apps opening in the same window, which then causes the user to get stuck in the browser. I'm using the Jquery mobile framework currently. I constantly call the link to open in a "_blank" target, and have also tried several other things such as "window.load". What do I do to get this to work? The app has to work with android and iOS. Any help is appreciated.
Use the Cordova inAppBrowser plugin, see the docs here: https://github.com/apache/cordova-plugin-inappbrowser You will want to use _system target with it.
Hi I'm working around with jquery mobile and cordova 3 on a android device.
Everything works great except that I can't open links in the default browser or for example the maps application.
I can open it with a inappbrowser plugin but I dont want to do that. I just want to open the links to websites with the default browser.
I tried many things like here:
Opening Link in System Browser in PhoneGap 3.3 on Android
Open Links in Default Browser using Phonegap/Cordova
But I saw that the answers are showing the solution with the inappbrowser which I dont want.
How can I solve this?
Thanks for any help
For Android OS use following code.
navigator.app.loadUrl("http://google.com", {openExternal : true});
or through inline JavaScript:
<a onclick="navigator.app.loadUrl('https://google.com/', { openExternal:true });">Link</a>
It will NOT work with iOS, also, I don't know, if currently exist a solution for iOS, that don't require inappbrowser.
I have seen some demos about the jQuery wizard plugin on websites. But all of these are based on the web, and run in the browser.
I want to use this function in my Android application, does anyone has experience with that?
Check out PhoneGap to convert a web app to an Android native app. See also some of our demos, videos and tutorials. Many of them demonstrate native Android apps built with jQuery Mobile.