{"id":698,"date":"2011-09-27T01:42:36","date_gmt":"2011-09-26T21:42:36","guid":{"rendered":"https:\/\/blog.igloonet.cz\/?p=698"},"modified":"2014-08-12T00:33:43","modified_gmt":"2014-08-11T22:33:43","slug":"detekce-mobilnich-zarizeni","status":"publish","type":"post","link":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/","title":{"rendered":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>V souvislosti s&nbsp;velk\u00fdm rozmachem chytr\u00fdch telefon\u016f a&nbsp;tablet\u016f v&nbsp;posledn\u00edm roce vznik\u00e1 na&nbsp;IT trhu popt\u00e1vka po tvorb\u011b mobiln\u00edch webov\u00fdch str\u00e1nek a&nbsp;aplikac\u00ed. Pokud jste v\u00fdvoj\u00e1\u0159, tak p\u0159i sv\u00e9 pr\u00e1ci ur\u010dit\u011b naraz\u00edte na&nbsp;pot\u0159ebu detekce konkr\u00e9tn\u00edho za\u0159\u00edzen\u00ed. Nab\u00edz\u00ed se hned n\u011bkolik postup\u016f, kter\u00e9 lze pou\u017e\u00edt. Jejich popisem bych se r\u00e1d zab\u00fdval v&nbsp;n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku.<!--more--><\/p>\n<h2>Z\u00e1kladn\u00ed rozd\u011blen\u00ed<\/h2>\n<p>Co se t\u00fd\u010de samotn\u00e9 detekce za\u0159\u00edzen\u00ed, m\u00e1me k&nbsp;dispozici dv\u011b nejb\u011b\u017en\u011bj\u0161\u00ed cesty:<\/p>\n<ol>\n<li>Detekce na&nbsp;stran\u011b klienta<\/li>\n<li>Detekce na&nbsp;stran\u011b serveru<\/li>\n<\/ol>\n<h3>Detekce na&nbsp;stran\u011b klienta<\/h3>\n<p>Modern\u00ed trendy t\u00fdkaj\u00edc\u00ed se v\u00fdvoje webov\u00fdch str\u00e1nek up\u0159ednost\u0148uj\u00ed tento p\u0159\u00edstup. Obsah dokumentu se odd\u011bluje od&nbsp;jeho vzhledu. V\u00fdstup ze serveru je v\u017edy jednotn\u00fd a&nbsp;a\u017e dan\u00e9 zobrazovac\u00ed za\u0159\u00edzen\u00ed (PC, mobil, tablet, \u2026) rozhodne, jak p\u0159edan\u00e1 data spr\u00e1vn\u011b zobrazit.<\/p>\n<p>Proto\u017ee se pro definici vzhledu v&nbsp;dne\u0161n\u00ed dob\u011b ve&nbsp;v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f pou\u017e\u00edv\u00e1 kask\u00e1dov\u00fdch styl\u016f (<a href=\"http:\/\/cs.wikipedia.org\/wiki\/Kask%C3%A1dov%C3%A9_styly\">CSS<\/a>), nen\u00ed divu, \u017ee&nbsp;s&nbsp;p\u0159\u00edchodem posledn\u00ed verze CSS3 p\u0159ich\u00e1z\u00ed i&nbsp;vylep\u0161en\u00e1 podpora detekce mobiln\u00edch za\u0159\u00edzen\u00ed. M\u016f\u017eeme tak snadno zjistit \u0161\u00ed\u0159ku prohl\u00ed\u017ee\u010de a&nbsp;podle toho t\u0159eba omezit po\u010det prvk\u016f na&nbsp;\u0159\u00e1dku. Snadno tak\u00e9 zjist\u00edme zda na\u0161e za\u0159\u00edzen\u00ed zobrazuje v\u00fdstup \u010dernob\u00edle nebo barevn\u011b. Nev\u00fdhodou v\u0161ak je, \u017ee&nbsp;n\u011bkter\u00e9 star\u0161\u00ed prohl\u00ed\u017ee\u010de si s&nbsp;t\u00edmto z\u00e1pisem neporad\u00ed. Zde je mal\u00e1 uk\u00e1zka z\u00e1pisu:<\/p>\n<pre>\n\/* \u0161irok\u00e1 obrazovka *\/\n@media screen and (max-width: 1100px) {\n  body {\n    font-size: 100%;\n  }\n}\n \n\/* iPAD \/ st\u0159edn\u00ed \u0161\u00ed\u0159ka *\/\n@media screen and (max-width: 768px) {\n  body {\n    font-size: 95%;\n  }\n \n  #main-wrapper aside {\n    display: none;\n  }\n}\n \n\/* chytr\u00e9 telefony *\/\n@media screen and (max-width: 420px) {\n  body,\n  #comments {     \n    font-size: 85%;\n  }\n}\n \nimg,video,object {\n  max-width: 100%;\n}\n<\/pre>\n<p>Pro v\u00edce informac\u00ed bych V\u00e1s r\u00e1d odk\u00e1zal na&nbsp;zaj\u00edmav\u00e9 \u010dl\u00e1nky, kter\u00e9 se touto problematikou zab\u00fdvaj\u00ed:<\/p>\n<ul>\n<li><a href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/flexible-mobile-first-layouts-with-css3\/\">\u010dl\u00e1nek na&nbsp;port\u00e1lu net.tutsplus.com<\/a><\/li>\n<li><a href=\"http:\/\/webdesignerwall.com\/tutorials\/css3-media-queries\">CSS3 media queries<\/a><\/li>\n<\/ul>\n<p>Pokud pou\u017e\u00edv\u00e1te hojn\u011b JavaScriptu, je mo\u017en\u00e9 velikost okna zji\u0161\u0165ovat na&nbsp;stran\u011b prohl\u00ed\u017ee\u010de i&nbsp;s&nbsp;pou\u017eit\u00ed jeho metod. D\u00e1le je tak mo\u017en\u00e9 zjistit i&nbsp;konkr\u00e9tn\u00ed typ prohl\u00ed\u017ee\u010de. Zde jsou dv\u011b uk\u00e1zky pou\u017eit\u00ed:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.javascripter.net\/faq\/browserw.htm\">http:\/\/www.javascripter.net\/faq\/browserw.htm<\/a><\/li>\n<li><a href=\"http:\/\/www.quirksmode.org\/js\/detect.html\">http:\/\/www.quirksmode.org\/js\/detect.html<\/a><\/li>\n<\/ul>\n<p>Jak se m\u016f\u017eete sami p\u0159esv\u011bd\u010dit, nen\u00ed pou\u017eit\u00ed t\u00e9to metody tak \u010dist\u00e9 a&nbsp;p\u0159ehledn\u00e9, jak tomu bylo u&nbsp;kask\u00e1dov\u00fdch styl\u016f.<\/p>\n<h3>Detekce na&nbsp;stran\u011b serveru<\/h3>\n<p>Dal\u0161\u00ed mo\u017enost\u00ed jak zjistit, zda pou\u017e\u00edv\u00e1me mobiln\u00ed za\u0159\u00edzen\u00ed nebo klasick\u00e9 PC, je detekce p\u0159\u00edmo na&nbsp;stran\u011b serveru. Ze serveru pak u\u017e z\u00edsk\u00e1v\u00e1me data p\u0159\u00edmo pro konkr\u00e9tn\u00ed za\u0159\u00edzen\u00ed. Ur\u010dit\u011b si polo\u017e\u00edte ot\u00e1zku, zda je v&nbsp;dne\u0161n\u00ed dob\u011b tento p\u0159\u00edstup je\u0161t\u011b dobr\u00fd pou\u017e\u00edvat? J\u00e1 si osobn\u011b nemysl\u00edm, \u017ee&nbsp;je to ide\u00e1ln\u00ed, nicm\u00e9n\u011b se najdou situace, kdy se n\u00e1m tento p\u0159\u00edstup hod\u00ed. Vyjmenuji aspo\u0148 n\u011bkter\u00e9:<\/p>\n<ul>\n<li>Klient m\u00e1 star\u0161\u00ed web a&nbsp;p\u0159ed\u011bl\u00e1n\u00ed sou\u010dasn\u00e9ho webu do&nbsp;CSS3 by bylo finan\u010dn\u011b n\u00e1ro\u010dn\u00e9. Pro na\u0161e pot\u0159eby posta\u010d\u00ed zjistit, zda vyu\u017e\u00edv\u00e1me smartphone, tablet nebo klasick\u00e9 PC a&nbsp;rozhodnout se podle&nbsp;toho.<\/li>\n<li>Chceme z&nbsp;jist\u00e9ho d\u016fvodu zjistit o&nbsp;dan\u00e9m za\u0159\u00edzen\u00ed co nejv\u00edce informac\u00ed a&nbsp;s&nbsp;t\u011bmi pak d\u00e1le pracovat.<\/li>\n<li>P\u00ed\u0161eme webovou aplikaci, kter\u00e1 mus\u00ed pracovat s&nbsp;r\u016fznou logikou pro r\u016fzn\u00e9 za\u0159\u00edzen\u00ed ji\u017e na&nbsp;serveru.<\/li>\n<\/ul>\n<p>V\u0161echny tyto p\u0159\u00edstupy funguj\u00ed na&nbsp;podobn\u00e9m principu. Ka\u017ed\u00e9 standardn\u00ed za\u0159\u00edzen\u00ed p\u0159ed\u00e1v\u00e1 HTTP hlavi\u010dku User-Agent. Ta vznikla k&nbsp;tomu, aby identifikovala prohl\u00ed\u017ee\u010d, kter\u00fd pr\u00e1v\u011b p\u0159istupuje na&nbsp;str\u00e1nku. Nicm\u00e9n\u011b ka\u017ed\u00e1 verze prohl\u00ed\u017ee\u010de disponuje vlastn\u00ed hlavi\u010dkou, co\u017e n\u00e1m problematiku detekce v\u016fbec neusnad\u0148uje. Rozd\u00edl je i&nbsp;v&nbsp;za\u0159\u00edzen\u00ed, z&nbsp;kter\u00e9ho p\u0159istupuji. Nap\u0159\u00edklad kdy\u017e p\u0159istupuji z&nbsp;prohl\u00ed\u017ee\u010de Chrome, tak m\u00e1 m\u016fj User-Agent n\u00e1sleduj\u00edc\u00ed tvar:<\/p>\n<pre>\nMozilla\/5.0 (X11; Linux i686) AppleWebKit\/534.30 (KHTML, like Gecko) Chrome\/12.0.742.12 Safari\/534.30\n<\/pre>\n<p>Z prohl\u00ed\u017ee\u010de Firefox dostanu tento User-Agent:<\/p>\n<pre>\nMozilla\/5.0 (X11; Linux i686; rv:6.0.2) Gecko\/20100101 Firefox\/6.0.2\n<\/pre>\n<p>Pokud p\u0159istupuji z&nbsp;iPhone, tak dostanu tento v\u00fdsledek:<\/p>\n<pre>\nMozilla\/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit\/528.18 (KHTML, like Gecko) Version\/4.0 Mobile\/7A341 Safari\/528.16\n<\/pre>\n<p>Te\u010f si p\u0159edstavte, \u017ee&nbsp;ka\u017ed\u00e9 za\u0159\u00edzen\u00ed a&nbsp;prohl\u00ed\u017ee\u010d disponuj\u00ed vlastn\u00edm User-Agent. Dost\u00e1v\u00e1me obrovsk\u00e9 mno\u017estv\u00ed mo\u017enost\u00ed, kter\u00e9 se nav\u00edc m\u011bs\u00edc co m\u011bs\u00edc rozr\u016fstaj\u00ed. Na\u0161t\u011bst\u00ed existuj\u00ed ve\u0159ejn\u00e9 datab\u00e1ze existuj\u00edc\u00edch mobiln\u00edch za\u0159\u00edzen\u00ed, kter\u00e9 v&nbsp;sob\u011b nav\u00edc maj\u00ed obsa\u017een\u00e9 v\u0161echny mo\u017en\u00e9 informace o&nbsp;dan\u00e9m hardware. My jim p\u0159ed\u00e1me pouze sv\u016fj User-Agent a&nbsp;zp\u00e1tky dostaneme po\u017eadovan\u00e9 informace. Asi nejzn\u00e1m\u011bj\u0161\u00ed datab\u00e1z\u00ed tohoto druhu je WURFL. Zde m\u016f\u017eeme nap\u0159\u00edklad vid\u011bt, jak\u00e9 informace je mo\u017en\u00e9 z\u00edskat o&nbsp;za\u0159\u00edzen\u00ed <a href=\"http:\/\/www.tera-wurfl.com\/explore\/index.php?ua=Mozilla%2F5.0+(Linux%3B+U%3B+Android+2.1-update1%3B+en-us%3B+HTC+Desire+Build%2FERE27)+AppleWebKit%2F525.10+%2B(KHTML%2C+like+Gecko)+Version%2F3.0.4+Mobile+Safari%2F523.12.2&amp;search=Lookup+User+Agent\">HTC Desire<\/a>. Na&nbsp;webu je mo\u017en\u00e9 z\u00edskat celou \u0159adu knihoven spolupracuj\u00edc\u00ed s&nbsp;touto datab\u00e1z\u00ed, tak\u017ee n\u00e1sledn\u00e1 integrace je velice snadn\u00e1.&nbsp;<\/p>\n<h2>Z\u00e1v\u011brem<\/h2>\n<p>Tvorba internetov\u00fdch str\u00e1nek a&nbsp;aplikac\u00ed za\u017e\u00edv\u00e1 v&nbsp;posledn\u00edm roce velik\u00fd boom. Popt\u00e1vka po mobiln\u00edm webu je\u0161t\u011b nen\u00ed takov\u00e1, ale nap\u0159. dle <a href=\"http:\/\/www.idc.com\/getdoc.jsp?containerId=prUS23028711\">studie IDC<\/a> m\u016f\u017eeme minim\u00e1ln\u011b v&nbsp;USA, o\u010dek\u00e1vat ji\u017e b\u011bhem p\u011bti let p\u0159\u00edstup v\u00edce u\u017eivatel\u016f p\u0159es mobil ne\u017e desktop.&nbsp;<\/p>\n<p>Co se t\u00fd\u010de rozpozn\u00e1v\u00e1n\u00ed mobiln\u00edch za\u0159\u00edzen\u00ed na&nbsp;webu, tak ur\u010dit\u011b existuj\u00ed i&nbsp;dal\u0161\u00ed mo\u017enosti, ne\u017e ty, kter\u00e9 jsem zde uvedl. J\u00e1 jsem se sna\u017eil nast\u00ednit pouze ty nejzn\u00e1m\u011bj\u0161\u00ed. Pokud v\u0161ak zn\u00e1te n\u011bkter\u00e9 dal\u0161\u00ed, kter\u00e9 stoj\u00ed za zm\u00ednku, tak budu jen r\u00e1d, kdy\u017e se o&nbsp;nich zm\u00edn\u00edte v&nbsp;koment\u00e1\u0159\u00edch k&nbsp;tomuto \u010dl\u00e1nku.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V souvislosti s&nbsp;velk\u00fdm rozmachem chytr\u00fdch telefon\u016f a&nbsp;tablet\u016f v&nbsp;posledn\u00edm roce vznik\u00e1 na&nbsp;IT trhu popt\u00e1vka po tvorb\u011b mobiln\u00edch webov\u00fdch str\u00e1nek a&nbsp;aplikac\u00ed. Pokud jste v\u00fdvoj\u00e1\u0159, tak p\u0159i sv\u00e9 pr\u00e1ci ur\u010dit\u011b naraz\u00edte na&nbsp;pot\u0159ebu detekce konkr\u00e9tn\u00edho za\u0159\u00edzen\u00ed. Nab\u00edz\u00ed se hned n\u011bkolik postup\u016f, kter\u00e9 lze pou\u017e\u00edt. Jejich popisem bych se r\u00e1d zab\u00fdval v&nbsp;n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[71],"tags":[34,87],"class_list":["post-698","post","type-post","status-publish","format-standard","hentry","category-vyvoj","tag-css","tag-mobile"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog\" \/>\n<meta property=\"og:description\" content=\"V souvislosti s&nbsp;velk\u00fdm rozmachem chytr\u00fdch telefon\u016f a&nbsp;tablet\u016f v&nbsp;posledn\u00edm roce vznik\u00e1 na&nbsp;IT trhu popt\u00e1vka po tvorb\u011b mobiln\u00edch webov\u00fdch str\u00e1nek a&nbsp;aplikac\u00ed. Pokud jste v\u00fdvoj\u00e1\u0159, tak p\u0159i sv\u00e9 pr\u00e1ci ur\u010dit\u011b naraz\u00edte na&nbsp;pot\u0159ebu detekce konkr\u00e9tn\u00edho za\u0159\u00edzen\u00ed. Nab\u00edz\u00ed se hned n\u011bkolik postup\u016f, kter\u00e9 lze pou\u017e\u00edt. Jejich popisem bych se r\u00e1d zab\u00fdval v&nbsp;n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\" \/>\n<meta property=\"og:site_name\" content=\"igloonet blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/igloonet\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-26T21:42:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-11T22:33:43+00:00\" \/>\n<meta name=\"author\" content=\"Martin Pe\u0161out\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@martinpesout\" \/>\n<meta name=\"twitter:site\" content=\"@igloonet\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"Martin Pe\u0161out\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\"},\"author\":{\"name\":\"Martin Pe\u0161out\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/8c731b61fb41d87a83ec347b7b85f17f\"},\"headline\":\"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed\",\"datePublished\":\"2011-09-26T21:42:36+00:00\",\"dateModified\":\"2014-08-11T22:33:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\"},\"wordCount\":947,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\"},\"keywords\":[\"CSS\",\"Mobile\"],\"articleSection\":[\"V\u00fdvoj\"],\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\",\"url\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\",\"name\":\"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog\",\"isPartOf\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#website\"},\"datePublished\":\"2011-09-26T21:42:36+00:00\",\"dateModified\":\"2014-08-11T22:33:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"V\u00fdvoj\",\"item\":\"https:\/\/igloonet.cz\/blog\/rubriky\/vyvoj\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#website\",\"url\":\"https:\/\/igloonet.cz\/blog\/\",\"name\":\"igloonet blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/igloonet.cz\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#organization\",\"name\":\"igloonet\",\"url\":\"https:\/\/igloonet.cz\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png\",\"contentUrl\":\"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png\",\"width\":650,\"height\":465,\"caption\":\"igloonet\"},\"image\":{\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/igloonet\",\"https:\/\/x.com\/igloonet\",\"https:\/\/instagram.com\/igloonet\/\",\"https:\/\/www.linkedin.com\/company\/igloonet\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/8c731b61fb41d87a83ec347b7b85f17f\",\"name\":\"Martin Pe\u0161out\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/032ee2fb90b35a9a451f30dac27d46caf09d97dea956a64a208abc47dfca3251?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/032ee2fb90b35a9a451f30dac27d46caf09d97dea956a64a208abc47dfca3251?s=96&d=retro&r=g\",\"caption\":\"Martin Pe\u0161out\"},\"description\":\"Jsem brn\u011bnsk\u00fd UI v\u00fdvoj\u00e1\u0159 p\u011bkn\u00e9ho frontendu. Od mali\u010dka si potrp\u00edm na detail, ale p\u0159itom kladu d\u016fraz na jednoduchost a p\u0159ehlednost. Zast\u00e1v\u00e1m n\u00e1zor, \u017ee jednodu\u0161\u0161\u00ed weby jsou ty nejkr\u00e1sn\u011bj\u0161\u00ed.\",\"sameAs\":[\"https:\/\/igloonet.cz\/vyvoj\",\"https:\/\/x.com\/martinpesout\"],\"url\":\"https:\/\/igloonet.cz\/blog\/author\/cheetah\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/","og_locale":"cs_CZ","og_type":"article","og_title":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog","og_description":"V souvislosti s&nbsp;velk\u00fdm rozmachem chytr\u00fdch telefon\u016f a&nbsp;tablet\u016f v&nbsp;posledn\u00edm roce vznik\u00e1 na&nbsp;IT trhu popt\u00e1vka po tvorb\u011b mobiln\u00edch webov\u00fdch str\u00e1nek a&nbsp;aplikac\u00ed. Pokud jste v\u00fdvoj\u00e1\u0159, tak p\u0159i sv\u00e9 pr\u00e1ci ur\u010dit\u011b naraz\u00edte na&nbsp;pot\u0159ebu detekce konkr\u00e9tn\u00edho za\u0159\u00edzen\u00ed. Nab\u00edz\u00ed se hned n\u011bkolik postup\u016f, kter\u00e9 lze pou\u017e\u00edt. Jejich popisem bych se r\u00e1d zab\u00fdval v&nbsp;n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku.","og_url":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/","og_site_name":"igloonet blog","article_publisher":"https:\/\/www.facebook.com\/igloonet","article_published_time":"2011-09-26T21:42:36+00:00","article_modified_time":"2014-08-11T22:33:43+00:00","author":"Martin Pe\u0161out","twitter_card":"summary_large_image","twitter_creator":"@martinpesout","twitter_site":"@igloonet","twitter_misc":{"Napsal(a)":"Martin Pe\u0161out","Odhadovan\u00e1 doba \u010dten\u00ed":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#article","isPartOf":{"@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/"},"author":{"name":"Martin Pe\u0161out","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/8c731b61fb41d87a83ec347b7b85f17f"},"headline":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed","datePublished":"2011-09-26T21:42:36+00:00","dateModified":"2014-08-11T22:33:43+00:00","mainEntityOfPage":{"@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/"},"wordCount":947,"commentCount":1,"publisher":{"@id":"https:\/\/igloonet.cz\/blog\/#organization"},"keywords":["CSS","Mobile"],"articleSection":["V\u00fdvoj"],"inLanguage":"cs","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/","url":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/","name":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed | igloonet blog","isPartOf":{"@id":"https:\/\/igloonet.cz\/blog\/#website"},"datePublished":"2011-09-26T21:42:36+00:00","dateModified":"2014-08-11T22:33:43+00:00","breadcrumb":{"@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/igloonet.cz\/blog\/detekce-mobilnich-zarizeni\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"V\u00fdvoj","item":"https:\/\/igloonet.cz\/blog\/rubriky\/vyvoj\/"},{"@type":"ListItem","position":2,"name":"Detekce mobiln\u00edch za\u0159\u00edzen\u00ed"}]},{"@type":"WebSite","@id":"https:\/\/igloonet.cz\/blog\/#website","url":"https:\/\/igloonet.cz\/blog\/","name":"igloonet blog","description":"","publisher":{"@id":"https:\/\/igloonet.cz\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/igloonet.cz\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/igloonet.cz\/blog\/#organization","name":"igloonet","url":"https:\/\/igloonet.cz\/blog\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png","contentUrl":"https:\/\/igloonet.cz\/blog\/wp-content\/uploads\/2015\/07\/RGB_LVPC_igloonet.png","width":650,"height":465,"caption":"igloonet"},"image":{"@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/igloonet","https:\/\/x.com\/igloonet","https:\/\/instagram.com\/igloonet\/","https:\/\/www.linkedin.com\/company\/igloonet"]},{"@type":"Person","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/8c731b61fb41d87a83ec347b7b85f17f","name":"Martin Pe\u0161out","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/igloonet.cz\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/032ee2fb90b35a9a451f30dac27d46caf09d97dea956a64a208abc47dfca3251?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/032ee2fb90b35a9a451f30dac27d46caf09d97dea956a64a208abc47dfca3251?s=96&d=retro&r=g","caption":"Martin Pe\u0161out"},"description":"Jsem brn\u011bnsk\u00fd UI v\u00fdvoj\u00e1\u0159 p\u011bkn\u00e9ho frontendu. Od mali\u010dka si potrp\u00edm na detail, ale p\u0159itom kladu d\u016fraz na jednoduchost a p\u0159ehlednost. Zast\u00e1v\u00e1m n\u00e1zor, \u017ee jednodu\u0161\u0161\u00ed weby jsou ty nejkr\u00e1sn\u011bj\u0161\u00ed.","sameAs":["https:\/\/igloonet.cz\/vyvoj","https:\/\/x.com\/martinpesout"],"url":"https:\/\/igloonet.cz\/blog\/author\/cheetah\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":2,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/698\/revisions"}],"predecessor-version":[{"id":2482,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/posts\/698\/revisions\/2482"}],"wp:attachment":[{"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/categories?post=698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/igloonet.cz\/blog\/wp-json\/wp\/v2\/tags?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}