官术网_书友最值得收藏!

Detecting the device

Different devices offer different capabilities and hence for an application developer, it becomes important to identify the exact device, so that it can respond to the events in the most appropriate way. This recipe describes how we can detect the device on which the application is being run.

How to do it...

Carry out the following steps:

  1. Create and open a new file ch01_02.js in the ch01 folder and paste the following code into it:
    Ext.setup({
      onReady: function() {
        if (Ext.is.Android)
          Ext.Msg.alert("INFO", "Welcome Android user!");
          
        if (Ext.is.Blackberry)
          Ext.Msg.alert("INFO", "Welcome Blackberry user!");
          
        if (Ext.is.iPad)
          Ext.Msg.alert("INFO", "Welcome iPad user!");
      }
    });
  2. Remove the following line from index.html:
    <script type="text/javascript" charset="utf-8" src="ch01/ch01_01.js"></script>
  3. Include the following line in index.html:
    <script type="text/javascript" charset="utf-8" src="ch01/ch01_02.js"></script>
  4. Deploy and run the application. Based on the device on which the application is being run, you will see a corresponding message.

How it works...

The Ext.is class is instrumental in detecting the target device on which your application is being run. It uses the JavaScript's navigator object to detect the browser details, including the platform/device. For example, if the platform property in the navigator object has iPhone in it, then the target platform is iPhone, whereas if the userAgent property in the navigator object has Android, then the platform is Android.

See also

  • The recipe named Setting up the browser-based development environment in this chapter
  • The recipe named Setting up the production environment in this chapter
主站蜘蛛池模板: 永吉县| 临汾市| 余江县| 嘉兴市| 静海县| 高安市| 库车县| 宁海县| 钟山县| 天津市| 宁都县| 昌乐县| 四会市| 米林县| 织金县| 麻江县| 马边| 荃湾区| 闵行区| 新沂市| 武平县| 宁国市| 朔州市| 开封县| 德安县| 鹤岗市| 东乌珠穆沁旗| 九龙坡区| 石棉县| 兴文县| 瑞昌市| 阿克| 淮阳县| 饶阳县| 合江县| 丽水市| 姚安县| 仙居县| 深泽县| 湖口县| 丘北县|