Phonegap build for Polymer 3.0 PWA Starter Kit - polymer

I've tried to build polymer-pwa-kit with phonegap.
https://github.com/PolymerLabs/books
every thing is fine on browsers.
but after polymer build,
a) with default codes;
webcomponent tag not working and it did not render polymer dom.
b) if it removes base tag in index.html then,
it routed 404 page and rendered fine.
these are on the phonegap developer app.
anybody polymer 3.0 and phonegap build to success?

Related

How to debug Canvas LMS mobile app customization

After customized the Canvas LMS desktop webpage with CSS and JS files we need to do the same on the mobile app.
Given the mobile app for both Android and iPhone is a Webview, how can i inspect html tags classes and ids to apply changes through the CSS or JS files?
Thanks!
Given no one knows about it, I proceeded as following:
I've cloned Canvas mobile app from public github repo available at: https://github.com/instructure/instructure-android
I've compiled the project and executed it on my own device, for which i needed a demo license of PSPDF to satisfy it dependence.
I've debugged the app, specifically i've set a breakpoint at: instructure-android/pandautils/src/main/java/com/instructure/pandautils/views/CanvasWebView.java line 396 or somewhere containg a variable with HTML code to show in the app.
Navigate between screens and wait for breakpoint triggers.
I have to say I expected most of the app was a webview, but i were wrong. In fact, is the opposite: this is an Android native app, and just allows a few customizations on few screens through uploadable CSS and JS files.

Polymer on Cordova built iOS and Android apps

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

android native webapplication , and html5 integration

I was about to start mobile web application development , I was looking a open source webapplication with which I can embedded to android web view. Native application developement + embedded web
Are there any webapplication with html5
Yes you can use cordova or phonegap(extends cordova) the use android web view and you can develop using html5
Refrences
Cordova
Phonegap
You can use Angular.js or directly use ionic framework for building strong UI and front end logic for bussiness style apps.
Further more you can integrate any javascript library or css UI like Bootstrap to Enhance the app.

Why CEF app is not rendering Polymer UI?

I have developed a web application using Polymer and packaging it as a CEF App. When I launch the application, I only get a blank screen while same application in browser is rendered properly.
I'm using CefSharp (V- 1.19.0.41824) to embed a webView control in my winform application. Below is the code that I'm using for displaying web content in webView -
webView = new WebView();
webView.Load("http://localhost:8000/sampleApp/")
Any pointer will be very useful.
If the current core chrome version used by CEF is lower than 36, then you'll need to enable the experimental flags to allow the web components features.
I don't know how you would enable those flags in your project, but I do know that web components and html link/includes where only made mainstream in the browser core from chrome 36 onwards.

HTML Style Tag in Android

As I have referred some articles and sites, I found that we can also create HTML file and then we can display HTML file using Android WebView..
I have referred at:
Android WebView (WebKit) Tutorial
Understanding User Interface in Android - Part 4: Even More Views
So my question is that:
Is Android provides STYLE/CSS tag to define styles, if yes then there is any way to write STYLE/CSS tag in Android?
Thanx - Paresh
Of course. The Android Web View is a full fledged browser, and supports everything the built in "Browser" application supports (CSS, JavaScript). Newer versions of Android (2.2) have the V8 runtime and do great on the Acid tests.
You would use CSS as you do in any other web page.