Polymer on Cordova built iOS and Android apps - polymer

Is Polymer compatible with the iOS Safari and Chrome Browsers, and the web view that Cordova uses?
As I think to build an HTML5 mobile app with Cordova, I am in look for a gui framework. Polymer seems powerful. I am just in doubt that it works in iOS since there are some github issues and SO questions about that.
Does Polymer works in Cordova built mobile apps for iOS and Android without issues?

I'm currently working on an app that is built entirely on polymer. I don't use any of the common elements. All elements are custom and built by our team. At first there were some gotchas but it works great on iOS8+.

I'm not sure about iOS, but I can say it works well in Android using Cordova.
I've used Polymer components in Ionic Framework apps, that uses Cordova to generate the mobile apps. I'm not an iOS developer, so I've only generated Android apps, and they worked well in all the devices where I tested it (mostly Android 4.2+).

Yeah, you can use Cordova with Polymer, but when the device isn't an Android you need load the WebComponents-Lite.
If you want, I have a seed that should help you, it's an Cordova-Angular-Polymer Seed (but it isn't an Ionic Framework Seed):
https://github.com/mario-aleo/cordova-angular-polymer-seed

Related

How to compile a webapp to an hybrid one/jpk for my mobile phone without framework?

I have to build a hybride app, out of my webapp. It´s not allowed to use a middleware framework like phonegap which just builds it. In my app I want to show that HTML5 already allows to use a lot of functions of the mobile phone like the geolocation, instead of frameworks which can do the same, so I cannot use the framework for building my app. Which program should I use, VS? And how can I build my application(jpk) without a framework like that to test it on my mobile phone?
You should create a simple application with a webview and run your webapp inside this webview.
The problem is: hybrid frameworks like Cordova or Phonegap arent supose to just implement mobile features like camera or gps, they are useful writing once and run everywhere without complaining about iOs and Android code or even for fallbacks. Probably in the future youre not even going to install applications in your phone to use all mobile features using only browser features.
Here are some helpful links:
https://developer.android.com/guide/webapps/webview.html
https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
https://developer.mozilla.org/en-US/Apps/Progressive

How to deploy a Jquery mobile project with phone gap

i have created my Mobile application with Jquery mobile now i want it to deploy
now how should i deploy across platforms like and android Iphone etc.,
Phone Gap looks promising but it is confusing plus it looks like i have to re code stuff again
please Help
Thanks
jQuery mobile framework provides tools for mobile UI. It is used in combination with standard web application backends. Such applications are deployed on web servers! If you want to make hybride apps you can use PhoneGap, that's right.
PhoneGap projects use an open packaging model that follows the W3C Widget Packaging specification. You have to adjust your project according to the specifications or simply deploy it as a web application on a web server.

chrome packaged app widgets

I am making a chrome packaged app. I am partial to the dojo widget library.
Apparently, dojo doesn't run on chrome packaged apps. Is there a javascript library that has a good widget set that is officially sanctioned by Google?
Thanks. Rick
I'm sure what "officially sanctioned" means, but I have had good luck with jQueryUI.
I personally am a big fan of UIKit. Works wonderfully in Chrome packaged apps (Legacy and Chrome apps)

Difference between jQuery Mobile and PhoneGap

jQuery Mobile and PhoneGap both appear to be targeting cross-browser mobile development based on HTML5, but what are the major differences between the two?
What are the Pros and Cons of each framework?
Why would you choose one over the over?
Simply put jQuery Mobile is a UI toolkit for building mobile web applicaitons.
PhoneGap is a JavaScript framework which allows you to access native device functionality like the camera, contacts, file system, etc. PhoneGap does not provide UI elements.
If you want to create a hybrid mobile app, one which is built using HTML5 but runs on a device like a native app, you would not choose one over the other. You'd use both.
JQuery mobile is a javascript library for mobile broswing (mostly adapt the user-interface for better user experience on mobile devices)
Phonegap is a cross-platform development framework that provides core mobile device features to web-based mobile apps (Extracted from here)
Basically, you cannot use phonegape to take pictures from a website, but you can build an app with HTML and javascript (Phonegap) that access to some features in the mobile.
By the way you can use both in the same application: link
JQM is just a javascript framework, gives you some UI controls, animations and manages page navigation for you.
It's still a javascript webpage, so you don't actually have anything compiled in the end. Because of this your users access it using their BROWSER pointing to a URL, just like a normal website (only those are called Web-Apps in iOS language).
PhoneGap is just a Native project (written for all major Mobile hardware, like iOS, Android, BB, WP7, etc...) that wraps a WebView control (basically a browser window) inside an app. You could include your .js/.html files, and those would be loaded LOCALLY. Another feature of PhoneGap is a jscript bridge between your code and the phone's native capabilities (like for example taking a picture from javascript!).
You end up with a NATIVE APPLICATION that you can then post to the AppStore/AndroidMarket.
Hope this helps clarifying the difference.
The jQuery Mobile documentation has a page about making an app with PhoneGap and jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html

Can we use PhoneGap for Mobile Sites Development?

Can any one please suggest me the way to develop the Mobile sites .We already have the Main Desktop site and want to develop the mobile versions so what is the best way to developed the mobile version of the site. My site is based on Joomla but i did not find any module full fill our requirement now i want to know one thing more is there any way to develop the mobile site using some software which use API of my main site to access the data base because i have API because i already develop my native app for iPHONE and ANDROID.
Thanks in Advance
I think no.. because Phonegap uses a native library (plug-in) to make things works, for example you have to include phonegap.jar for android projects. And in your website you cant include native code..
Take a look at jQuery Mobile and Sencha Touch