I have a sapui5 application that works fine on Android kitkat and iOS. I have used phonegap 2.9 to run it on android and iOS. I have an app that contains all the views. On login, it goes to the home view that has a tile conatainer inside a page. Tap on tile navigates to another page. This works fine on iOS and android kitkat but the navigation does not work on android 5.0(lollipop). Remote debugging shows no error in the code. When I return tile container instead of page, it works once or twice but stops working after that.
Please help to resolve this issue.
Please follow the below steps:
Latest libraries
Avoid unnecessary files in your 'www' folder.
Change the code according to the latest version of UI5 .
I faced a similar issue and it was resolved after I followed the above mentioned steps.
Related
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
What config defines Action Sheet size and Action Sheet's font characteristics?
How to define characteristics of select field menu ( size and layout)?
What is the reason of app's working wrongly on iOS browsers?
Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
I am developing a mobile app using sencha extjs. I use route for page view by this.redirectTo('example',true); and it works fine. But the problem is that on ios once internet is slow, i open another page redirect to another view but the window.history.length not increased. Anyone face same problem as i do now. Any suggestions for this matter?
PS: my app requires internet access.
I have an html5 game that was designed that will not work on android phones. The client is saving their website to their android device as a webapp and when they open the app from their homescreen, when they click on the link for the game, all they are getting is a black screen. I am thinking that because they are getting this issue, when they save the app to their phone, it is saving a cached version and will not allow the necessary files to load for the game. When they try this on the desktop, it works perfectly, as well when they try on any apple device it will work, only because when you click a link on a webapp saved to the homescreen on an apple device it breaks out of the shell and opens safari browser.
Is there any way to make the link to the game break out of an android webapp that is saved to the homescreen so that it can open in a web browser instead of inside the app?
Any suggestions are welcome.
The link to the app is http://mobilesourceapps.com/pondwiser
Thanks again guys!
Try PhoneGap. An auto-builder. http://phonegap.com/ it will compile the mobile versions for Android. There is also a version-download for IOS from the App Store. This might help you. Without code is tricky.
Recently I've migrate my Cordova 2.9.x application to Cordova 3.6.0.
On Android and Windows Phone, the application is working fine, and it was already published at Google Play Store and Windows Phone Store.
On iOS platform, the application is running fine when in development mode (running it on iOS simulators or devices) and I've also made an ad-hoc test with Testflight and everything works as expected.
The problem is, when published at App Store (after Apple's review), when user enters the application, it's trying to load the index.html located at /www/production/index.html, and the correct path is /www/index.html, and the user remains stuck at this error screen.
The old application version (using Cordova 2.9.x) used the /www/production/index.html path, but the new cordova project was started from scratch, and doesn't have any reference to this path.
I don't know what is happening. Has someone passed through a similar situation?
Take a look in the iOS config.xml because Cordova let's you customize it
myproject/platforms/ios/myproject/config.xml
I was trying the Geolocation example from the below link.
http://docs.phonegap.com/en/1.7.0/cordova_geolocation_geolocation.md.html#Geolocation
I copied the entire content from the first 'Full Example' and saved that file as an HTML. When I opened it in Chrome (desktop) and Android phone inbuilt browser(default), I got the following three alerts on both chrome and android phone.
gap:["Device","getDeviceInfo","XXXXXXXXXX"]
gap:["NetworkStatus","getConnectionInfo","XXXXXXXXXX"]
gap:["App","show","XXXXXXXXXX"]
I clicked 'Cancel' first time and even tried 'Ok' but, nothing happens. If I click 'OK' on all three alerts on my Android Phone, the page goes all white.
So I googled it and found couple of answers on Stack Overflow suggesting:
To remove the Cordova JS file for the desktop browser
Add android specific JS from the Cordova.
So I tried both but none of them worked. Latest, I tried the following solution.
I downloaded the Cordova package (3.0.0), there was a cordova-android.zip which had the cordova.js file at the following path.
/cordova-android/framework/assets/www/cordova.js
So, now my script element looks like this:
<script type="text/javascript" charset="utf-8" src="/cordova-android/framework/assets/www/cordova.js">
After modified the <script> element as above, I don't get alerts in Chrome, but I still get following NEW alerts on my Android phone.
gap:["PluginManager","startup","Plugin ManagerXXXXXXXXXX"]
gap:["App","show","XXXXXXXXXX"]
Code: 1, message: User denied Geolocation.
So, now I have following questions:
How do I solve this problem (to run the HTML page without alert on all devices/browser)?
Any idea on why did my alerts change after changing the cordova.js file?
Regards,
Rumit
Your problem is that you're using cordova.js as if it's a JS library like jQuery, but Phonegap (Cordova) is a hybrid framework not a mobile browser framework (see here for clarification). It's not intended to be used as a standalone JS library in a webpage, but in conjunction with a native Phonegap library in order to build a native application. If you created your page as a Phonegap app and built it for Android, you would be able to (and need to) allow the app permission to use geolocation.
Phonegap apps are implemented via a native WebView and in the case of the Geolocation API, Phonegap will use only use its own implementation if the device doesn't already have a native W3C implementation (which Android does).
So the point is: either create a proper Phonegap app for Android by following the platform guide or simply don't use the Phonegap JS at all since you can call the Android browser's geolocation API (navigator.geolocation) directly from Javascript in your webpage - you don't need Phonegap's JS file to allow you to do this (have a look at the answer to this question).