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):

  1. // If we need it in place where we don't have access to app instance or before we init the app
  2. if (!Framework7.support.touch) {
  3. console.log('No touch support');
  4. }
  5. // After we init the app we can access it as app instance property
  6. var app = new Framework7({ /*...*/ });
  7. if (!app.support.touch) {
  8. console.log('No touch support');
  9. }

Support Properties

touchTouch events support (touchstart, touchmove, touchend)
transforms3dCSS 3D Transforms support
flexboxCSS Flexbox model support
observerMutation Observers support
passiveListenerPassive event listener support
gesturesGestures event support (gesturestart, gesturechange, gestureend)
positionStickyCSS position:sticky support