I am looking forward to create an Android app with Kotlin.
But I can not use Android Studio or other IDEs. I am using the Amazon AWS Cloud9 IDE now.
I have found there is WebView and read articles, but I still cannot figure out how it works.
It is possible to emulate the UI on the web or is it only for web application development?
The WebView framework allows you to specify viewport and style properties that make your web pages appear at the proper size and scale on all screen configurations for all major web browsers. You can even define an interface between your Android app and your web pages that allows JavaScript in the web pages to call upon APIs in your app—providing Android APIs to your web-based application.
Consider using these alternatives to WebView if your app falls into the following use cases:
If you want to send users to a mobile site, build a progressive web app (PWA).
If you want to display third-party web content, send an intent to installed web browsers.
If you want to avoid leaving your
app to open the browser, or if you want to customize the browser's
UI, use Chrome Custom Tabs.
More details
Related
I have a mobile website, users user smart phone browser to access my site.
Now some users would like to have an Android App.
So is there any easy and fast way to create an Android App which will access the existing mobile website so that I can have an Android App without developing Android app?
You would have to create a "wrapper" Android App. That is a native Android App with a Main Activity that contains a WebView with JavaScript enabled and some sort of navigation controls either on the mobile website or the native app (buttons or menu) but you could bump into problems such as:
Users being stuck in a particular page with no way to navigating back or forward.
Google is now more picky with the apps and they have policies to reject or ban apps that are only wrappers or point to external websites (kind of what Apple did for iOS)
Any case, you would have to create a mobile layout for your website or a make it responsive (special CSS and JS UI/UX that fits better on mobile devices).
Another alternative is to make your website compatible with PROGRESSIVE WEB APPS (https://developers.google.com/web/progressive-web-apps/) which is basically a Web app with some special elements that allow it to receive push notifications, put a shortcut or app icon on the device's home screen, etc.
Good luck! Hope this helped!
You can use android WebView. For more details you go through the link Android Webview
the only way to do that, using WebView on your apps or you need to create manually
You can put your code into Cordova and convert it into other IDE like android studio or eclipse .
reference:
Import Cordova project in Android Studio
Let us take a website like Facebook. We access it using a desktop web browser or a mobile web browser. Now, I can also install a Facebook app from the google playstore.
I understand a website can be converted to an android app using WebView layout in android studio.
Is that the only way these websites are converted to android apps?
Is there a different way that an android app can be developed for a website like facebook other than using WebView? (For eg. Facebook developed as a webapp for desktop/mobile browsers) and developed from scratch using Android Studio without using WebView but still can log in and make updates which reflects on the app as well as mobile/destop browser)
Why would there be a different method, if any? Any limitations for webview?
1.) Not necessarily.
2.) For a "dynamic" site, you could develop API's that retrieve the data to be shown on the web pages. These API's could then also be used to build an Android app.
3.) First of all, by using a WebView, you would want to carefully design the UI of the website to be responsive and look good for mobile devices. (How it would appear in the WebView). On the other hand, if you were to build your app from the ground up, you would be able to basically have a custom implementation of the website in app form. If you were to build server API's and query them over HTTP from the android client, you would probably be able to give it more of an "app" feel, rather than just a website.
Here's an example of both scenarios.
If you wanted to build an app for Facebook, you would do one of the following.
a.) Develop a mobile-friendly version of the website and display it in a WebView in the Android app. Done!
b.) Develop server API's to retrieve information that you would find on the Facebook website. (Posts on users walls, photos, etc) Then implement these API's to display data in the Android client using components like ListView's and ImageView's
webView.setInitialScale(1);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
webView.setScrollbarFadingEnabled(false);
webView.loadUrl("http://www.educationboardresults.gov.bd/");
I have a responsive web site and I need to make Android and iOS app for it to be published in each platform store so I am asking about the process/steps or the tool to do that. Can I use TWebBrowser component in Delphi XE 8 as a Firemonkey project to make these apps and make the site adjust its layout automatically according to the device used ? or there are other steps I should use ? or I should use different tool than Delphi ?
I'm no web developer, but I know that making a website responsive is done on the server site. This way, if your mobile user opens Safari or Chrome, your site will be responsive and will adjust its limits to the device.
If you need to make native apps for each platform, you would have to replicate your website in native code and use API calls OR use whatever framework (like Firemonkey). Still, if you make an app with just a webview and load the website, it still won't be responsive.
I'm building a smartphone app with cordova. My goal is to display a remote web page within the app, providing an additional footer that allows the user to switch between the web page and other content (e.g. configuration).
Unfortunately iframes aren't an option because of https and different behavior on the platforms. Using InAppBrowser doesn't let me display the footer (see https://issues.apache.org/jira/browse/CB-3397).
The only possibility I see, is to build a completely native app for each platform and embed the webview by hand. Is there an alternative way using cordova or another cross-platform framework?
ChildBrowser will do the wonder.
https://github.com/alunny/ChildBrowser
I gather from this page that it's possible to use the WebView framework build an Android web app that can then be run on the device without using a web browser.
My question is: is the same possible for iOS, possibly through the UIWebView object?
Notice that the link talk about:
You can make your web content available to users in two ways: in a traditional web browser and in an Android application, by including a WebView in the layout.
With this you can implement a javascript bridge and catch javascript event in android java contest.
iOS allow the same. UIWebView can catch javascript event and work with it.
The most cross platform sdk for mobile development use this feauture to realize the application in javascript and work it in a selfcontained webView.
Use this to start