jaký je nejlepší způsob, jak detekovat mobilní zařízení v aplikaci jquery?
<p>existuje solidní způsob, jak zjistit, zda uživatel používá mobilní zařízení v aplikaci jquery? něco podobné atributu css @media? chtěl bych spustit jiný skript, pokud je prohlížeč v kapesním zařízení.</p><p>funkce jquery <code>$.browser</code> není to, co hledám.</p>
<p>namísto použití jquery jej můžete pomocí jednoduchého javascriptu zjistit:</p><pre><code>if( /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.useragent) ) { // some code.. } </code></pre><p>nebo je můžete zkombinovat, aby byla přístupnější prostřednictvím rozhraní jquery ...</p><pre><code>$.browser.device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.useragent.tolowercase())); </code></pre><p>nyní <code>$.browser</code> vrátí <code>"device"</code> pro všechna výše uvedená zařízení</p><p>poznámka: <code>$.browser</code> smazáno na <a href="http://jquery.com/upgrade-guide/1.9/#jquery-browser-removed"><strong>jquery v1.9.1</strong></a> . můžete to však použít pomocí pluginu jquery migrace <a href="https://stackoverflow.com/a/15072522/2724173"><strong>code</strong></a> </p><hr><p>důkladnější verze:</p><pre><code>var ismobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|android|silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.useragent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|\_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |\_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.useragent.substr(0,4))) { ismobile = true; } </code></pre>
<p>typy médií css <code>screen</code> a <code>print</code> jsou ve většině případů dostačující, pokud návštěvníci nemají speciální potřeby a nemáte čas a zdroje, abyste je byli šťastní.</p><p>nejsem obeznámen s vývojem stylů pro osoby se zdravotním postižením (jako je <code>aural</code> media type), na které myslím, že není na co hrdý, ale potřebné znalosti a nástroje pro správné testování se zdají těžké přijít. jednoduché googling neobrátil prohlížeč s fonickou podporou.</p><p>typ média <code>handheld</code> není velmi dobrým nástrojem k zajištění příjemného zážitku pro mobilní zařízení, protože přicházejí v nesmyslné rozmanitosti. můžete jej použít ke skrytí částí stránky, která není natolik důležitá, aby vynechala na malých obrazovkách, ale vytvoření šablony stylů, díky které bude váš web vypadat dobře na zdravé části mobilních zařízení, je téměř nemožné, pokud není váš web strukturován v jednoduchým způsobem.</p><p>w3c pracuje na <a href="http://www.w3.org/tr/css3-mediaqueries/">http://www.w3.org/tr/css3-mediaqueries/</a> , který se snaží řešit problémy mobilních zařízení, ale není to stříbrná střela a je to trochu tvrdé a relevantní kritika <a href="http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/">http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/</a> </p><p>pokud je podpora mobilních zařízení důležitá, je pravděpodobně produktivnější sledovat, jak jim poskytovat specializované html/média, a to buď vysoce zjednodušené nebo specializované na jednotlivé zařízení.</p><p>pravděpodobně jste v pohodě, pokud máte pouze typy médií css <code>screen</code> a <code>print</code>.</p> Myslím, že chceš něco co nejde. Aby se webová stránka přepla do mobilní verze tzv. rezistentního zobrazení, musí být ta stránka taky tak napsána. Stránka, která je vytvořena jak pro normální monitor tak pro mobil nebo tablet má na začátku test na čem se stránka bude zobrazovat. Nedá se to tedy vynutit.Ahoj Třeba pro Firefox je doplněk s názvem Check4change, který ti umožňuje označit si nějaký text na stránce a potom automaticky refreshuje po určitém čase jaký si nastavíš a kontroluje jestli se ten text změnil. To by možná mohlo být použitelné. Máte-li stejnou platformu i verzi aplikace, s největší pravděpodobností jste každý v jiné skupině uživatelů pro A/B testování. Tak vývojáři ověřují účinnost aplikace a nakonec zvolí tu účinnější verzi a zavedou všem. Chce-li lingoty, může zkusit web na PC nebo třeba i v mobilu v nějakém internetovém prohlížeči. Pravděpodobně to zabere. Vyzkoušej Chrome portable, třeba i betu a hned budeš chytřejší...[http://portableapps.com/apps/internet/google\_chro...](http://portableapps.com/apps/internet/google_chrome_portable) Otázka-jaký firefox?<https://www.mozilla.org/cs/firefox/> Ověř si aktuálnost tady (funguje na všech prohlížečích):<https://www.mozilla.org/cs/plugincheck/>Co máš za prohlížeč? Našlo to něco neaktualizovaného? skus nejaky program ktory osetruje stahovanie napr flashget a pod. <p>to fungovalo pro mě:</p><pre><code>$get("isageselected ").checked == true </code></pre><p>kde <code>isageselected</code> je id ovládacího prvku.</p><p>také @ karim79 je <a href="https://stackoverflow.com/questions/901712/check-checkbox-checked-property-using-jquery/901727#901727">odpověď</a> funguje dobře. nejsem si jistý, co mi při té zkoušce chybělo.</p><p><strong> poznámka: toto je odpověď používající microsoft ajax, nikoli jquery </strong></p> <p>otravně on-line písma nejsou podporována všemi prohlížeči (opera v iphonu je <a href="http://en.wikipedia.org/wiki/pet\_peeve">pet peeve</a> ).</p><p>zdá se, že google fonts <a href="http://code.google.com/webfonts">čistý systém css</a> funguje lépe než alternativy, ale v mnoha prohlížečích můžete skončit s <a href="http://www.bluerobot.com/web/css/fouc.asp/">fouc</a> .</p><p>google font api " <a href="http://code.google.com/apis/webfonts/docs/webfont\_loader.html">... byl vyvinut společností google a typekit</a> ", takže doufám, že následující zkušenosti jsou dost podobné:</p><ul> <li> <p>knihovna javascriptu je celkem lehká, ale dejte si pozor na jakékoli výrazné zvýšení latence z dalších vyhledávání dns a připojení http, které mohou být způsobeny prostředky napříč doménami</p> </li> <li> <p>použití verze jsapi je na prázdné mezipaměti poměrně pomalé (jako vedlejší poznámku také <a href="https://webmasters.stackexchange.com/questions/1042/google-jsapi-auto-loading">nelze kombinovat požadavky js do jednoho velkého soubor</a> )</p> </li> <li> <p>možnost deklarovat písma potřebná odděleně od javascriptu include umožňuje následné načítání knihovny a opravdu pomáhá s flexibilitou (x) html šablony</p> </li> <li> <p>další události malování spuštěné, když knihovna javascript znovu maří celou obrazovku změnou tříd celé stránky, bude znamenat, že váš css musí být efektivní ( <a href="http://code.google.com/speed/page-speed/docs/rendering.html">google k tomu nabízí průvodce</a> )</p> </li> <li> <p>ačkoli s některými fonty musí být prohlášena kurzíva a různé váhy, zmenšuje se velikost stahování, ale přidává další zátěž designérovi nebo programátorovi</p> </li> <li> <p>vlastní písma, použitá vkusně, vypadají nádherně</p> </li> </ul>