---
title: "Determining the features supported by browser in Sencha touch"  
description: "In this article, I’m explaining how to know what features are supported by user’s device browser in sencha touch."  
author: "Sumit Kesarwani"  
published: 2013-06-12  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/1323/determining-the-features-supported-by-browser-in-sencha-touch  
category: "sencha touch"  
tags: ["sencha touch"]  
reading_time: 5 minutes  

---

# Determining the features supported by browser in Sencha touch

In this [article](https://yourviews.mindstick.com/view/81489/kashmir-now-after-an-year-of-abrogation-of-article-370), I’m explaining how to know what [features](https://yourviews.mindstick.com/view/86404/best-5-rolls-royce-cars-to-buy-with-features-and-price) are supported by user’s [device browser](https://answers.mindstick.com/qa/110383/how-to-deactivate-twitter-account-on-computing-device-browser) in [sencha touch](https://www.mindstick.com/blog/619/changing-sencha-touch-app-theme).\

Ext.[feature](https://www.mindstick.com/forum/541/what-is-new-feature-in-sql-server-2012) is a [simple](https://www.mindstick.com/blog/63525/get-the-most-out-of-maths-with-these-8-simple-tricks) class to verify if a browser feature exists or not on the current device.

##### Example

##### Step-1:

```
Ext.define('MyApp.store.MyStore', {
    extend: 'Ext.data.Store',
 
    config: {
        data: [
            {
                feature: 'Audio',
                value: Ext.feature.has.Audio
            },
            {
                feature: 'Canvas',
                value: Ext.feature.has.Canvas
            },
            {
                feature: 'ClassList',
                value: Ext.feature.has.ClassList
            },
            {
                feature: 'CreateContextualFragment',
                value: Ext.feature.has.CreateContextualFragment
            },
            {
                feature: 'Css3dTransforms',
                value: Ext.feature.has.Css3dTransforms
            },
            {
                feature: 'CssAnimations',
                value: Ext.feature.has.CssAnimations
            },
            {
                feature: 'CssTransforms',
                value: Ext.feature.has.CssTransforms
            },
            {
                feature: 'CssTransitions',
                value: Ext.feature.has.CssTransitions
            },
            {
                feature: 'DeviceMotion',
                value: Ext.feature.has.DeviceMotion
            },
            {
                feature: 'Geolocation',
                value: Ext.feature.has.Geolocation
            },
            {
                feature: 'History',
                value: Ext.feature.has.History
            },
            {
                feature: 'Orientation',
                value: Ext.feature.has.Orientation
            },
            {
                feature: 'OrientationChange',
                value: Ext.feature.has.OrientationChange
            },
            {
                feature: 'Range',
                value: Ext.feature.has.Range
            },
            {
                feature: 'SqlDatabase',
                value: Ext.feature.has.SqlDatabase
            },
            {
                feature: 'Svg',
                value: Ext.feature.has.Svg
            },
            {
                feature: 'Touch',
                value: Ext.feature.has.Touch
            },
            {
                feature: 'Video',
                value: Ext.feature.has.Video
            },
            {
                feature: 'Vml',
                value: Ext.feature.has.Vml
            },
            {
                feature: 'WebSockets',
                value: Ext.feature.has.WebSockets
            }
        ],
        storeId: 'MyStore',
        fields: [
            {
                name: 'feature'
            },
            {
                name: 'value'
            }
        ],
        sorters: {
            property: 'feature'
        }
    }
});
```

Step-2:

```
Ext.define('MyApp.view.MyList', {
    extend: 'Ext.dataview.List',
 
    config: {
        store: 'MyStore',
        itemTpl: [
            '{feature}: <code>{value}</code>'
        ],
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                title: 'Features Supported By Browser'
            }
        ]
    }
});
```

[Output](https://www.mindstick.com/interview/34427/explain-the-output-in-angular)

![Determining the features supported by browser in Sencha touch](https://www.mindstick.com/mindstickarticle/a06b9d55-361f-47d3-89b5-e73c778ca3f1/images/96eac82c-6470-42bc-a316-badde546d5ad.png)

---

Original Source: https://www.mindstick.com/articles/1323/determining-the-features-supported-by-browser-in-sencha-touch

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.