Cred că nu voi deschide America dacă spun că biblioteca jQuery este de departe cel mai popular cadru pentru scrierea rapidă a JS discret. Multe proiecte și multe CMS populare. de exemplu, Drupal sau WordPress, utilizați jQuery în mod implicit în kernel. Prin urmare, este extrem de de dorit ca producătorul de pagini web să cunoască și să poată utiliza cel puțin capabilitățile de bază ale acestei biblioteci. Astăzi voi vorbi despre metoda cea mai mare, probabil trivială, dar foarte frecvent utilizată pentru determinarea unui browser care utilizează jQuery. Aceasta se face folosind proprietatea jQuery.browser
jQuery. este una dintre proprietățile obiectelor globale jQuery. De fapt, $ .browser sau jQuery.browser vă permite să determinați ce browser web are în prezent acces la pagina web. Acest lucru este foarte util, de exemplu, dacă vrem să transferăm date speciale pentru un anumit browser.
jQuery.browser are steaguri pentru browserele populare importante. Acestea sunt enumerate mai jos:
- webkit (jQuery 1.4 și versiuni ulterioare)
- safari (nu este recomandat ca fiind depășit)
- operă
- MSIE
- mozilla
Utilizând proprietatea jQuery.browser
$ .browser.webkit $ .browser.safari $ .browser.opera $ .browser.msie $ .browser.mozilla
Dacă această expresie returnează "true", înseamnă că utilizatorul utilizează un browser care răspunde la pavilion în expresie.
Determinarea versiunii browserului utilizând jQuery
Pentru a determina nu numai tipul agentului utilizator, dar și versiunea, trebuie să utilizați proprietatea extinsă jQuery.browser.version. Returnează un șir. jQuery.browser.version este una dintre proprietățile obiectului jQuery global.
Utilizând jQuery.browser.version
De exemplu, ne confruntăm cu sarcina de a defini Intenet Explorer 6 (nu vă întrebați de ce 🙂). Pentru a face acest lucru, trebuie să folosim proprietățile jQuery.browser și jQuery.browser.version:
Notă:
În API-ul JQuery de la versiunea JQuery 1.3, această proprietate este depreciată, dar poate fi utilizată deoarece nu există niciun plan de excludere a acesteia din bibliotecă în versiunile viitoare. Dezvoltatorii de astăzi recomandă utilizarea setului de proprietăți jQuery.support din obiectele jQuery globale
Apelarea acestei proprietăți determină o testare a tehnologiilor acceptate de browser și prin excluderea suportului pentru una sau altă caracteristică, de asemenea, puteți determina tipul de browser.
Utilizarea jQuery.support
Lista proprietăților testate:
- boxModel. este setat la true dacă pagina este procesată de browser în conformitate cu modelul CSS Box W3C (în prezent nu este acceptat în IE 6 și 7 când sunt în Quirks Mode). Până când documentul este încărcat complet, această proprietate este nulă.
- cssFloat. setat la true dacă style.cssFloat este folosit pentru a accesa valoarea curentă a floating CSS (momentan nu este acceptată în IE, folosește styleFloat).
- hrefNormalized. este setat la true dacă browserul lasă intacte rezultatele getAttribute ("href") (în prezent nu este suportat în IE).
- htmlSerialize. este setat la true dacă browserul aranjează corect elementele de referință atunci când utilizează innerHTML (momentan nu este acceptat în IE).
- leadingWhitespace. setat la true dacă browserul salvează spațiu gol când utilizează innerHTML (momentan nu este acceptat în IE 6-8).
- noCloneEvent. setat la true dacă browserul nu clonează procesatorii de evenimente atunci când elementele sunt clonate (în prezent nu sunt acceptate în IE).
- objectAll. este setat la true dacă executarea lui getElementsByTagName ("*") în raport cu obiectul returnează toți copiii (în prezent nu sunt acceptate în IE 7 și IE 8).
- opacitate. este setat la true dacă browserul interpretează corect proprietatea de vizibilitate a elementului (în prezent nu este acceptat în IE, filtrele alfa sunt utilizate acolo).
- scriptEval. setați la true dacă folosiți appendChild / createTextNode pentru a încorpora scripturi, acestea sunt executate (în prezent nu sunt acceptate în IE, utilizează .text pentru a încorpora scripturile executabile).
- stil. este setat la true dacă getAttribute ("stil") este capabil să returneze stilul specificat de element (în prezent nu este acceptat în IE - cssText este folosit acolo).
- tbody. setat la true dacă browserul permite crearea de elemente de tabel fără blocuri tbody (în prezent nu sunt acceptate în IE, unde blocurile tbody sunt inserate automat dacă nu sunt în șirul atașat la innerHTML).
Acest cod va spune utilizatorului că browser-ul său este OK dacă utilizatorul nu utilizează IE 6-7 în modul Quirks.
De fapt, prin modificarea acestor metode, puteți obține un set destul de extins și flexibil de oportunități.
Astăzi, prezența site-ului de la companie nu mai poate fi numită capriciu, lux și chiar avantaj. Competiția puternică în Harkov a dus la faptul că crearea site-urilor web a devenit o necesitate. Vizitând webakula.com.ua, veți afla mai multe despre studioul "WebAcula", care se ocupă de crearea și promovarea site-urilor pe Internet.