I'v developed web application that is not full responsive for mobile devices. So is there any possibility to set my app that always loads like desktop version?
Related
I'm new to mobile app development and progressive web apps, and I'm trying to understand something fairly fundamental about hybrid mobile apps.
Assume that I've built a PWA, that I'm using a framework (Ionic 3) which takes care of the app's "install to home screen" functionality (providing a manifest.json; displaying the web app install banner; etc.), and that my app is hosted at http://example.com.
An Android user navigates to that URL, sees the install banner, and installs the app to their home screen.
Then, they launch the app from the newly created icon on their home screen.
At that point: what browser is the app running in?
I've seen mention of something called WebView; is this the browser-like wrapper that serves as the runtime environment for my app?
Or something else?
(I'm essentially trying to confirm that my app, once installed to the home screen, will have access to all of the browser APIs that it needs. I may need to target Android 6 – so if the answer is different for that version than for Android 8, that would be very helpful information as well.)
One thing to clarify is that PWAs are not hybrid apps. They are running in standard browser environments with the options of hiding the browser chrome. A hybrid app is web technology that is packaged into a native app and deployed to the Play Store/App Store.
For the most part PWAs will open in whatever browser engine the user installed them with. The exception seems to be Firefox on Android Oreo when the PWA is installed via WebAPK. That seemed to run in Chrome even when launched from Firefox.
Ultimately you are building a website and you can not guarantee what browsers you users will have. Use proper feature detection to enable/disable features and when something critical isn't supported direct users to where they can get modern browsers.
I have written a webview app which opens a web url. However the experience is just like when I have opened it in the default web browser of my Samsung S3 phone (android ver 4.2) which is very poor (e.g. google map cannot be displayed). Is there a way to force the webview app to use other browsers that default one, for example using Chrome browser that i installed in my smartphone?
With Android 4.4, the WebView was switched to be based on the Chromium project. Prior to that it was an Android's specific implementation of WebKit. With Android 5.0 the WebView is now updatable without OS updates through the Google Play Store.
https://developer.chrome.com/multidevice/webview/overview
If you want consistent behavior in your WebView across multiple versions of Android you'll need to include your own browser engine. Once such project is Crosswalk.
What is a difference between intel xdk, appmobi, and crosswalk?
In Android, I need to test my app against a variety of websites. My app needs to view the site's mobile content and not its full desktop content. In Google Chrome for the desktop you can set the user-agent to fake the browser to be seen as a mobile device. But the browser in Android may indicate to the site that it's a desktop size. Is there some way to force Android's browser to retrieve only mobile content?
Is this what you need?
Are you using a Webview?
http://developer.android.com/reference/android/webkit/WebSettings.html#setUserAgentString(java.lang.String)
I have created one quote app using phonegap with jquery mobile collpasable for android.when I run the same code in computer it just works fine and to the surprised few times it just work fine in mobile also but most of the times it will not show any data in mobile devices but in desktop it will always work.I tried everything but of no use.here is my desktop link.
Way2enjoy.com/touch/w2et/collapse.php
Here is android apk.
http://www.way2enjoy.com/touch/w2et/quote.apk
does not work on newer version of jquery,here is details
http://www.raymondcamden.com/2011/4/5/Collapsible-content-and-Ajax-loading-with-jQuery-Mobile#cC31B6DEC-D263-F1C2-6CA71EACBFF8ADE5
Any guide/suggestion will be very helpful
I have an MVC4 Web Application with Sql-Server/jQuery/WebApi that I want to expand to mobile.
I know that using the "mobile" word in the cshtml file view is displayed only on mobile devices, but how do I configure my project to present the pages to work only on mobile devices (except resolutions like iPad) and be prepared to create a phonegap project to export to iOS and Android?
The idea is to start in a responsive web version for mobile devices and to expand to app stores, so I can have a bigger number of devices that can access my website.