DecSoft Support - Determine if a PWA is called in the browser or already installed on the home screen

Determine if a PWA is called in the browser or already installed on the home screen

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Take a look at some frequently asked questions about us and our products!

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Harald Schneider

Here is a collection of functions, that do exactly that, and some more PWA related stuff. This is helpful, if you want to implement e.g. Installation banners, when a user loads the PWA URL with his mobile phone:

// pwa-support 1.0.3
//
// PWA related funtions.
//
// (c)2019 Harald Schneider
//

function pwaPlatformIOS() {
  //
  // Checks if the PWA was called in a browser under iOS.

  if(navigator.userAgent.toLowerCase().match(/(ipod|iphone|ipad)/)) {
      return(true);
   }
   return(false);
}

function pwaIsInstalledIOS() {
  //
  // Checks if a PWA is installed on an iOS device.

  if( pwaPlatformIOS() && (('standalone' in navigator) && navigator.standalone) ) {
    return(true);
  }
  return(false);
}

function pwaPlatformAndroid() {
  //
  // Checks if the PWA was called in a browser under Android.

  if(navigator.userAgent.toLowerCase().match(/android/)) {
    return(true);
  }
  return(false);
}

function pwaIsInstalledAndroid() {
  //
  // Checks if the PWA is installed on an Android device
  // by reading the manifest's display-mode.

  if (pwaPlatformAndroid() && window.matchMedia('(display-mode: fullscreen)').matches) {
    return(true);
  }
  return(false);
}

function pwaPlatformPWA() {
  //
  // Checks, if the app is a PWA or a native app.
  // This is useful when you compile the same source for different platforms.
  // Only native apps contain these strings in their path.
  // Returns true, if the app is not a native app.
  // Works for apps on iOS, Android and Electron
  //
  if(location.pathname.match(/(android_asset|\.app|app\.asar)/)) {
    return(false);
  }
  return(true);
}

Save to file pwa-support.js and add this file to Script via AB File Manager.

Harald Schneider

Welcome. Yes, saw the plugin docs - very, very interesting :-)

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.