App Visibility

Quasar makes use of the Web Page Visibility API which lets you know when a website/app is visible or in focus.

AppVisibility API

Loading API...
Please wait...


// quasar.conf.js

return {
  framework: {
    plugins: [


// outside of a Vue file
import { AppVisibility } from 'quasar'

(Boolean) AppVisibility.appVisible

// inside of a Vue file
(Boolean) this.$q.appVisible

Watching for status change


export default {
  watch: {
    '$q.appVisible' (val) {
      console.log(val ? 'App became visible' : 'App went in the background')