Support

Framework7 also comes with features detection library.

It is avaialable as a support property of Framework7 class (Framework7.support) and same property on initialized app instance (app.support):

// If we need it in place where we don't have access to app instance or before we init the app
if (!Framework7.support.touch) {
  console.log('No touch support');
}


// After we init the app we can access it as app instance property
var app = new Framework7({ /*...*/ });
if (!app.support.touch) {
  console.log('No touch support');
}

Support Properties

touch Touch events support (touchstart, touchmove, touchend)
transforms3d CSS 3D Transforms support
flexbox CSS Flexbox model support
observer Mutation Observers support
passiveListener Passive event listener support
gestures Gestures event support (gesturestart, gesturechange, gestureend)
positionSticky CSS position:sticky support