From time to time, I do see on iOS devices web pages which have a region at the upper end of the page, which links to an app store. The text in the region reads like 'Available in AppStore too.'.
Since all those regions share a common layout, I wonder if that's a software library or a service? Or does it is a feature of mobile Safari?
Do we have libraries to promote the related app of a web-site if a user with a correct mobile device views the site?
Update 2014-06-29
While Apple's Smart App Banners are great, only Safari 6+ will show them.
For other iOS browsers and Android device this jQuery mobile plugin might be of help: jquery.smartbanner at GitHub.
These are called 'Smart App Banners'. All the needed details are available on the iOS Developer Library: Promoting Apps with Smart App Banners.
Related
Is it possible for a PWA to automatically add itself to the MacOS dock, or to automatically launch at login (without the user specifically updating the app settings)?
I have converted my web application into an installable PWA. The PWA automatically installs itself into the Chrome Applications directory (when installed from Chrome), which is not where many users would look for an application. I've been unable to find good documentation of this issue (let alone a solution) for desktop PWAs (lots about mobile PWAs!).
UPDATE:
Seems broadly speaking have been surprised by the lack of documentation about desktop PWAs -- would also be satisfied with good resources that I could use to answer my own question.
It is now possible to install a PWA into your desktop with chrome, and it will show up in the desktop's Applications Menu, and in the dock with the option to Keep in dock in mac!
found the magic here: https://medium.com/#dhormale/install-pwa-on-windows-desktop-via-google-chrome-browser-6907c01eebe4
Since I had my app configured correctly for PWA (for mobile) it works perfectly in the desktop PWA
We have created test versions of web apps. Development was carried out in the modern extjs framework (6.2.0). So this means that apps must be cross platform. But when the app is used by a mobile phone I am faced with the following things:
In iOS phones the page does not load (after a couple of seconds there is an error). In Safari and Chrome.
Extjs objects look bad in different android devices: forms are too big or too small for this display. Page (this app is a single page app) is loaded slowly..
UPD:
IOS 12 safari error message:
A problem occurred with this webpage so it was reloaded.
I get a bad view when I use Xaomi Redmi 4 Note or Huawei P10 on version 7 and 8 of Android accordingly.
Questions
What config defines Action Sheet size and Action Sheet's font characteristics?
How to define characteristics of select field menu ( size and layout)?
What is the reason of app's working wrongly on iOS browsers?
Some links with suggestions or examples of multiplatform development on extjs
Thanks to all stackoverflow users!
How can you let social media links (this could actually be generalized to any link to a mobile application) on your website direct mobile devices either to the corresponding native application (say, Facebook, for example) OR (if the application is not installed) to the app store page on which the app is offered? I'm mainly concerned with doing this with Apple's iOS 11.
I'm designing an app in Phonegap so I'm using HTML, CSS, Javascript etc.
This app uses the phones camera (a QR scanner to be exact) and I want the users to be able to use this app as quick as possible. So, like on my Android device I can access the camera without typing the password, is there a way you can do the same with your app ?
Application is still in the design stages so I'm getting everything together first to make sure what I want can be developed before I start the development, thank you.
In java you can define the attribute widgetCategory in your appwidget-provider to home_screen|keyguard
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
android:minWidth="40dp"
android:minHeight="40dp"
android:updatePeriodMillis="86400000"
android:previewImage="#drawable/preview"
android:initialLayout="#layout/example_appwidget"
android:configure="com.example.android.ExampleAppWidgetConfigure"
android:resizeMode="horizontal|vertical"
android:widgetCategory="home_screen|keyguard"> //like here
</appwidget-provider>
But as per Google documents, this feature has been taken down from Android 5.0 Lollipop (only home_screen will be valid) so it will work for devices supporting Android 4.2 or above but below Android 5.0 which will be too limited.
The widgetCategory attribute declares whether your App Widget can be
displayed on the home screen (home_screen), the lock screen
(keyguard), or both. Only Android versions lower than 5.0 support
lock-screen widgets. For Android 5.0 and higher, only home_screen is
valid.
I have a web app that allows the user to embed quoting widget's on their own personal websites. The widget is built in our app and then we give them a piece of JS that they can embed wherever they please. Example embed code:
<script src="https://pinney.dataraptor.com/quoting/widget/widgets/18.js"></script>
The issue here is that on any mobile device (Tested on IOS and Android) the widget simply won't render. I've tested on my android phone in Chrome, Firefox and IE and interestingly enough it does show in the IE app but not the others.
To see for yourself fire up http://www.wholesaleinsurance.net on a mobile device.
After some exploring we found that our SSL was improperly configured, so the user had to visit and trust our sites content before the widgets would render elsewhere.