Alternative to phonegap super.loadurl(); function - android

Currently my app is working fine and I have used jquery mobile and phonegap and is only targeted at android users. The only phonegap code i am using is:
super.loadUrl("file:///android_asset/www/index.html");
By using jquery mobile and phonegap my application size has increased dramatically. Is there an alternative way to achieve the functionality of super.loadUrl() function just using plain java or java.net package.
Thanks in advance.

Actually your application size is not increased by this function. this is due to use of jquery mobile. when we use jquery mobile, it loads entire jquery mobile functions and files to one html. thats why it make app heavy and slower. So the suggestion would be to use plain javascript and jquery. i have also experienced this kind of problem. :)

Related

Multiple questions about the process of converting a website to an app

I have a simple test website and I want to convert it to an app using some software.
Which converter is good to use? cordova, framework7, PhoneGap and...? I myself prefer to use cordova, what's your idea?
If I want not to use above converters and program it myself using Android Studio, how much time do I need to learn (not completely) to have a simple app?
Can I use jQuery and bootstrap instead of jQuery mobile for just styling and some Ajax call which is using only json? because I think I can do what animation/transition I want with jQuery and the styling with bootstrap. Is there any need for jQuery mobile?
Is jQuery excess when we can use JavaScript? Doesn't it load lots of data not needed?
Phonegap is based on Cordova, so both are similar. either you pick up gonna be similar.
If you're going to learn from scratch native Android and depending of complexity of the app, this could take a considerable time.
I've tested jQuery (not jQuery Mobile) in cordova applications, making AJAX callings and it worked well. So I don't see any problem to use it together with bootstrap for your project.
jQuery mobile gives you elements to make your app looks like a real native app, and if you download the whole package this is not so light, there is other option like ionic (this works with Angular).

Using HTML to build phone application

I have tried some App Builder to build the mobile application such as Seattle Cloud, now I want try to build an android application without using the App Builder, but I figured out the page's extension is .HTML in the App Builder, but when I using Android Studio to build the app, the layout is using XML. I have experience to develop web application using PHP and now I want try to build an Android Application to view information from my web application, I feel confused, How should I start?
You can use Phonegap for hybrid app development using web technologies such as CSS, HTML, JavaScript and jQuery.
Other similar options available are Titanium SDK and Sencha Touch, but you will take time to get well with them. They are better than Phonegap in some areas, also device api support is available.
Whatever framework you use to build hybrid apps, you will have their respective js files and css to achieve functions. Some combine with PhoneGap in the end to use device api's, so it is better to go with PhoneGap or something like Titanium or Sencha. You may also have a look at Ionic framework, it uses AngularJS, HTML and CSS.
Use WebView. It's a view that displays web pages. You can use local html files as well as a URL. For more information:
http://developer.android.com/guide/webapps/webview.html
Android works in a very different compared to web apps. the design of the application is done in XML which will create native UI components and will be much faster the HTML counterparts.
There are different frameworks for developing an android app based on HTML/JavaScript
Sencha touch
Phonegap
Appcelerator Titanium (Although this may not be a pure HTML framework)
see: How to create an android app using HTML 5
But compared to apps based on HTML frameworks, native apps will be faster, consumes lower memory.
Visit http://developer.android.com/training/index.html to get started.

convert existing html5 web to apk using phone gap

So far we have a web solution in html5, javascript for a webrtc solution. It is running successfully in chrome browser version 28.
Is it possible to embedded / convert the whole web solution in a single apk using phone gap?
Is the default phone gap browser support webrtc?
Please let know any info.
well, first you need to create projects in phonegap depending on your platform, say android, ios. Then you can start importing your web project into the www folder relatively and gradually, and see if it actually works. depending on functionality you will have to adapt to of course, jqm or some other framework perhaps along the way.

How to debug GUI part in Phonegap application?

I am writing a very simple Phonegap application on android. The problem is how to automatically test the GUI part of it. QUnit looks like a good choice to test only Javascript but it needs jquery library to support testing user actions, according to the Cookbook. Is it appropriate to include JQuery library in Phonegap application for testing purpose?
Here is an simple scenario. I have an input field in the application. And I want to test it to see if it could accept value. How should I do with it in Phonegap? Or is there other choice to test the GUI part of Phonegap application?
I also found this question about Selenium but I am trying to find other possible ways to do it.
Cordova (formerly Phonegap), by itself (basically), nothing have to do with javascript, it just a tool to wrap your html/js/css code in android WebView element. Cordova has methods to access device internals via cordova provided JS calls.
Well, you can unit-test your application even in chrome desktop browser. Also, if you want, you can include any JS libraries to be used in App. If you have any questions- just write comment

Is it possible to develop pure HTML5 applications with PhoneGap?

Even after searching PhoneGap's website and their support group, I still cannot find an answer to my question:
Currently, I'm planning on developing an application that should exists as a pure HTML5 application, being able to run in any modern browser (Google Chrome, Safari, etc.) as well as on Android/iPad as native mobile applications.
So my question is:
Is it possible to use the same code base to develop both pure HTML5 applications as well as native mobile applications with PhoneGap?
PhoneGap is in effect a runtime environment for HTML, javascript, and any CSS that may accompany your code. So in short:
Yes, but it is recommended that you have some knowledge of Objective-C if you want to develop any iPhone app with extended functionality. If you have the right dimensions/proportions for the code there is no reason why you cannot simply copy that code into PhoneGap and compile it.
See, the support for #HTML5 varies from browser to browser, and varies a lot from a desktop browser to mobile browser. If one has to convert web-portal to a mobile application that can easily be done through Phonegap, you can refer to this link also. https://build.phonegap.com/ It worked fine for me.
Now lets come to Phonegap, what phonegap does is it has created wrapper through javascript that calls the native apis. Now to show content they use WebView object which renders your html5 page in your app. And you can create your own wrappers too. Not that much difficult.
So if your app is only a web based portal, that does not need much native access, you can easily reuse one codebase make #cross-platform apps using Phonegap. Else you need to go for hybrid apps.

Categories

Resources