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.