Sencha Touch - wykrywanie otoczenia

Pomaga w zidentyfikowaniu używanego systemu operacyjnego, przeglądarki, na której pracujesz i jakie funkcje są dostępne w Twoim środowisku.

Sencha Touch zapewnia różne funkcje, aby uzyskać informacje specyficzne dla środowiska. Wszystkie wymienione poniżej metody można sprawdzić, jeśli warunek jest if (Ext.os.is.Windows) {} i jest oparty na warunku, zadania mogą być wykonywane.

Wszystkie poniższe metody zwracają wartość logiczną.

System operacyjny

Ext.os to klasa, która udostępnia różne metody sprawdzania, nad jakim systemem operacyjnym pracujemy.

Sr.No Metoda i opis
1

Ext.os.is.webOS

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego webos, w przeciwnym razie zwróci false.

2

Ext.os.is.RIMTable

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego RIMTable, w przeciwnym razie zwróci false.

3

Ext.os.is.Linux

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego Linux, w przeciwnym razie zwróci wartość false.

4

Ext.os.is.Windows

Ta funkcja zwróci true, jeśli używasz systemu operacyjnego Windows, w przeciwnym razie zwróci false.

5

Ext.os.is.MacOs

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego Mac, w przeciwnym razie zwróci wartość false.

6

Ext.os.is.BlackBerry

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego BlackBerry, w przeciwnym razie zwróci wartość false.

7

Ext.os.is.iOS

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego IOS, w przeciwnym razie zwróci wartość false.

8

Ext.os.is.Android

Ta funkcja zwróci wartość true, jeśli używasz systemu operacyjnego Android, w przeciwnym razie zwróci wartość false.

Wykrywanie urządzeń

Sr.No Metoda i opis
1

Ext.os.is.iPad

Ta funkcja zwróci wartość true, jeśli używasz iPada, w przeciwnym razie zwróci wartość false.

2

Ext.os.is.iPhone

Ta funkcja zwróci wartość true, jeśli używasz iPhone'a, w przeciwnym razie zwróci false.

3

Ext.os.is.iPod

Ta funkcja zwróci wartość true, jeśli używasz iPoda, w przeciwnym razie zwróci wartość false.

Wersja systemu operacyjnego

Sr.No Metoda i opis
1

Ext.os.name

Zwraca nazwę systemu operacyjnego.

2

Ext.os.version.version

Podaje wersję używanego przez nas systemu operacyjnego.

Wykrywanie przeglądarki

Sr.No Metoda i opis
1

Ext.browser.is.IE

Ta funkcja zwraca wartość true, jeśli używamy przeglądarki Internet Explorer, w przeciwnym razie zwraca wartość false.

2

Ext.browser.is.FF

Ta funkcja zwraca true, jeśli używamy przeglądarki FireFox, w przeciwnym razie zwraca false.

3

Ext.browser.is.Chrome

Ta funkcja zwraca wartość true, jeśli używamy przeglądarki Chrome, w przeciwnym razie zwraca wartość false.

4

Ext.browser.is.Opera

Ta funkcja zwraca wartość true, jeśli używamy przeglądarki Opera, w przeciwnym razie zwraca wartość false.
5

Ext.browser.is.Safari

Ta funkcja zwraca wartość true, jeśli używamy przeglądarki Safari, w przeciwnym razie zwraca wartość false.

Ta funkcja Zewn. Przeglądarka udostępnia różne inne funkcje -

Sr.No Metoda i opis
1

Ext.browser.userAgent

Zwraca aktualny userAgent.

2

Ext.browser.isSecure

Zwraca prawdę, jeśli bieżąca strona używa SSL.

3

Ext.browser.isStrict

Zwraca prawdę, jeśli przeglądarka jest w trybie ścisłym.

4

Ext.browser.engineName

Zwraca nazwę silnika przeglądarki (WebKit, Gecko, Presto, Trident i inne).

5

Ext.browser.engineVersion

Zwraca wersję silnika przeglądarki.

Features

Ext.feature.has is to check if the browser has following feature or not.

Sr.No Method & Description
1

Ext.feature.has.Audio

This method returns true if browser supports audio tag feature of html5.

2

Ext.feature.has.Canvas

This method returns true if browser supports canvas tag feature of html5.

3

Ext.feature.has.classList

This method returns true if browser supports classlist feature of html5 which is used to add, remove and toggle css classes for the html element.

4

Ext.feature.has.Css3dTransforms

This method returns true if browser supports Css 3d Transform feature of css3.

5

Ext.feature.has.CssAnimations

This method returns true if browser supports animations of css3.

6

Ext.feature.has.CssTransforms

This method returns true if browser supports Css transform feature of css3.

7

Ext.feature.has.CssTransitions

This method returns true if browser supports transition feature of css3.

8

Ext.feature.has.DeviceMotion

This method returns true if browser supports the device motion feature.

9

Ext.feature.has.Geolocation

This method returns true if browser supports the Geolocation feature of html5.

10

Ext.feature.has.History

This method returns true if browser Supports history feature of html.

11

Ext.feature.has.Orientation

This method returns true if browser can detect which the device orientation.

12

Ext.feature.has.OrientationChange

This method returns true if browser can detect change in Orientation of the device.

13

Ext.feature.has.Range

Range is a type of html input tag for range slider element so if browser supports slider this function returns true.

14

Ext.feature.has.SqlDatabase

Web sql database is a web page api for storing data n database on which we can perform query operations. This method returns true if browser supports web Sql Database.

15

Ext.feature.has.Svg

Svg stands for Scalable Vector Graphics this method returns true if browser supports html 5's svg feature.

16

Ext.feature.has.Touch

This method returns true if browser has Touch feature.

17

Ext.feature.has.Video

This method returns true if browser supports html 5 video tags.

18

Ext.feature.has.Vml

Vml stands for vector markup language which is an xml based markup language. So this method returns true if browser has supports vml.

19

Ext.feature.has.WebSockets

Web socket is basically a communication protocol for computers which supports two communication between clients and server. This method returns true if browser Supports WebSockets else it returns false.