{"id":7080,"date":"2013-10-16T07:08:00","date_gmt":"2013-10-16T05:08:00","guid":{"rendered":"https:\/\/besteto.pari.cz\/jak-otestovat-mobilni-verzi-webu\/"},"modified":"2021-09-19T18:56:42","modified_gmt":"2021-09-19T16:56:42","slug":"jak-otestovat-mobilni-verzi-webu","status":"publish","type":"post","link":"https:\/\/www.besteto.cz\/jak-otestovat-mobilni-verzi-webu\/","title":{"rendered":"V\u00edte jak vypad\u00e1 v\u00e1\u0161 web na mobilu?"},"content":{"rendered":"
\n
\n

Jak jsme si potvrdili v d\u0159\u00edv\u011bj\u0161\u00edm p\u0159\u00edsp\u011bvku<\/a>, pod\u00edl mobiln\u00edch za\u0159\u00edzen\u00ed na tr\u017eb\u00e1ch a n\u00e1v\u0161t\u011bvnosti roste. Proto, pokud tak ji\u017e ne\u010din\u00edte, je pot\u0159eba za\u010d\u00edt br\u00e1t mobiln\u00ed za\u0159\u00edzen\u00ed v\u00e1\u017en\u011b<\/strong> a p\u0159i tvorb\u011b nov\u00e9ho nebo \u00faprav\u011b st\u00e1vaj\u00edc\u00edho webu myslet i na n\u011b.<\/p> <\/div>\n <\/div>\n

\n
\n

Prvn\u00ed krok v p\u00e9\u010di o mobiln\u00ed web<\/h2> <\/div>\n <\/div>\n
\n
\n

Prvn\u00edm krokem k pozn\u00e1n\u00ed je otestovat si sou\u010dasnou verzi str\u00e1nek<\/strong> na nejbli\u017e\u0161\u00edm mobiln\u00edm za\u0159\u00edzen\u00ed, co m\u00e1te pr\u00e1v\u011b po ruce. Pokud nem\u00e1te telefon\u016f dostatek, doporu\u010dujeme vyu\u017e\u00edt softwarov\u00e9 simul\u00e1tory.<\/strong> My jsme vyzkou\u0161eli p\u00e1r webov\u00fdch simul\u00e1tor\u016f, bohu\u017eel jejich chov\u00e1n\u00ed nebylo konstantn\u00ed a velmi \u010dasto ud\u011blaly pouze v\u00fd\u0159ez o nastaven\u00e9m rozli\u0161en\u00ed. Proto jsme s\u00e1hli po \u201ckan\u00f3nu\u201d a to simul\u00e1toru Android\u00edch telefon\u016f, kter\u00fd je sou\u010d\u00e1st\u00ed Android SDK<\/a> pro v\u00fdvoj\u00e1\u0159e mobiln\u00edch aplikac\u00ed. Tento simul\u00e1tor nab\u00edz\u00ed velk\u00e9 mno\u017estv\u00ed p\u0159edchystan\u00fdch za\u0159\u00edzen\u00ed b\u011b\u017e\u00edc\u00edch na Androidu, a nav\u00edc pom\u00e1h\u00e1 simulovat \u201cdotykov\u00e9 ovl\u00e1d\u00e1n\u00ed\u201d. \u010clov\u011bk si tak uv\u011bdom\u00ed, jak\u00fd je rozd\u00edl mezi klasick\u00fdm proch\u00e1zen\u00edm pomoc\u00ed my\u0161i a \u201c\u0165ap\u00e1n\u00edm\u201d.<\/p> <\/div>\n <\/div>\n

\n
\n
<\/figure><\/div> <\/div>\n <\/div>\n
\n
\n

Obr. Uk\u00e1zka klasick\u00e9 a tapomat\u00ed (v simul\u00e1toru) verze hlavn\u00ed str\u00e1nky.<\/em><\/p> <\/div>\n <\/div>\n

\n
\n

Jak nainstalovat Android SDK<\/h3> <\/div>\n <\/div>\n
\n
\n

Popis jak nainstalovat Android SDK na Ubuntu, naleznete v tomto n\u00e1vodu.<\/a><\/p> <\/div>\n <\/div>\n

\n
\n

Rychl\u00fd pomocn\u00edk bez instalace<\/h3> <\/div>\n <\/div>\n
\n
\n

Pokud se v\u00e1m nechce instalovat hned cel\u00e9 Android SDK, vyzkou\u0161ejte webov\u00e9ho pomocn\u00edka VIEWPORT RESIZER<\/a>. Pomoc\u00ed bookmarkletu si tak zrychlen\u011b otestujete, jak m\u016f\u017ee v\u00e1\u0161 nebo i ciz\u00ed  web vypadat na mobiln\u00edch za\u0159\u00edzen\u00edch.<\/p> <\/div>\n <\/div>\n

\n
\n

Druh\u00fd krok v p\u00e9\u010di o mobiln\u00ed web<\/h2> <\/div>\n <\/div>\n
\n
\n

Dal\u0161\u00edm krokem po rozhodnut\u00ed, \u017ee chcete funk\u010dn\u00ed mobiln\u00ed verzi webu, je vybrat si, jak k n\u011bmu dojdete. M\u016f\u017eete si nechat naprogramovat speci\u00e1ln\u00ed mobiln\u00ed verzi webu, podpo\u0159it hype ( ;-)) okolo responzivn\u00edho designu, nebo si za\u010d\u00edt pohr\u00e1vat t\u0159eba s Tapomatem<\/a>.<\/p> <\/div>\n <\/div>\n

\n
\n

Video jak dostat Android na po\u010d\u00edta\u010d<\/h2> <\/div>\n <\/div>\n
\n
\n https:\/\/www.youtube-nocookie.com\/embed\/0oY98W2KPbI?rel=0<\/a> <\/div>\n <\/div>\n
\n
\n

Uk\u00e1zka jak vypad\u00e1 Android nainstalovan\u00fd na b\u011b\u017en\u00fd po\u010d\u00edta\u010d.<\/em><\/p> <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

Jak jsme si potvrdili v d\u0159\u00edv\u011bj\u0161\u00edm p\u0159\u00edsp\u011bvku, pod\u00edl mobiln\u00edch za\u0159\u00edzen\u00ed na tr\u017eb\u00e1ch a n\u00e1v\u0161t\u011bvnosti roste. Proto, pokud tak ji\u017e ne\u010din\u00edte, je pot\u0159eba za\u010d\u00edt br\u00e1t mobiln\u00ed za\u0159\u00edzen\u00ed v\u00e1\u017en\u011b a p\u0159i tvorb\u011b nov\u00e9ho nebo \u00faprav\u011b st\u00e1vaj\u00edc\u00edho webu myslet i na n\u011b. Prvn\u00ed krok v p\u00e9\u010di o mobiln\u00ed web Prvn\u00edm krokem k pozn\u00e1n\u00ed je otestovat si sou\u010dasnou verzi str\u00e1nek na nejbli\u017e\u0161\u00edm mobiln\u00edm za\u0159\u00edzen\u00ed, co m\u00e1te […]<\/p>\n","protected":false},"author":0,"featured_media":7081,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/posts\/7080"}],"collection":[{"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/comments?post=7080"}],"version-history":[{"count":0,"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/posts\/7080\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/media\/7081"}],"wp:attachment":[{"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/media?parent=7080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/categories?post=7080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.besteto.cz\/wp-json\/wp\/v2\/tags?post=7080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}