{"id":1501,"date":"2024-04-09T11:48:40","date_gmt":"2024-04-09T11:48:40","guid":{"rendered":"https:\/\/howtogeek.blog\/cs\/?p=1501"},"modified":"2024-04-09T11:48:40","modified_gmt":"2024-04-09T11:48:40","slug":"how-to-add-a-website-to-your-home-screen-on-iphone-and-android-cs","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/cs\/how-to-add-a-website-to-your-home-screen-on-iphone-and-android-cs\/","title":{"rendered":"Jak p\u0159idat webovou str\u00e1nku na domovskou obrazovku na iPhone a Android"},"content":{"rendered":"<p>V App Store a Play Store jsou miliony aplikac\u00ed. A to \u010d\u00edslo jsem ani trochu nep\u0159ehnal. Na v\u0161echno dnes existuje aplikace. A p\u0159esto je na sv\u011bt\u011b je\u0161t\u011b v\u00edce webov\u00fdch str\u00e1nek. A bez ohledu na to, jak moc bychom si jinak p\u0159\u00e1li, neexistuje aplikace pro ka\u017ed\u00fd web, kter\u00fd internet nab\u00edz\u00ed.<\/p>\n<p>M\u00e1te-li webovou str\u00e1nku, kterou \u010dasto r\u00e1di nav\u0161t\u011bvujete, je poka\u017ed\u00e9 \u00fanavn\u00e9 otev\u00edr\u00e1n\u00ed prohl\u00ed\u017ee\u010de a zad\u00e1v\u00e1n\u00ed adresy webu nebo jeho otev\u00edr\u00e1n\u00ed ze z\u00e1lo\u017eek. A o moc lep\u0161\u00ed nen\u00ed ani alternativa ponech\u00e1n\u00ed otev\u0159en\u00e9 na kart\u011b. Zanedlouho se v\u00e1\u0161 prohl\u00ed\u017ee\u010d stane v\u00edrem otev\u0159en\u00fdch karet. Nebylo by o tolik jednodu\u0161\u0161\u00ed, kdybyste k n\u011bmu m\u011bli p\u0159\u00edstup p\u0159\u00edmo z domovsk\u00e9 obrazovky? P\u0159ich\u00e1z\u00edme s dobrou zpr\u00e1vou. M\u016f\u017ee\u0161!<\/p>\n<p>Mo\u017en\u00e1 jste narazili na n\u011bkter\u00e9 webov\u00e9 str\u00e1nky, kter\u00e9 v\u00e1s nasm\u011brovaly k instalaci jako aplikace. Tyto progresivn\u00ed webov\u00e9 aplikace (PWA) nejsou jedin\u00e9 webov\u00e9 str\u00e1nky, ke kter\u00fdm m\u00e1te p\u0159\u00edstup z domovsk\u00e9 obrazovky. Na domovskou obrazovku v iPhonu nebo Androidu si m\u016f\u017eete p\u0159idat libovoln\u00fd web. Li\u0161it se m\u016f\u017ee pouze jejich fungov\u00e1n\u00ed, ale to bude z\u00e1le\u017eitost pozd\u011bji. Poj\u010fme se rovnou pono\u0159it.<\/p>\n<h2 id=\"h-adding-a-website-to-home-screen-on-iphone\">P\u0159id\u00e1n\u00ed webov\u00e9 str\u00e1nky na domovskou obrazovku na iPhone<\/h2>\n<p>Pomoc\u00ed prohl\u00ed\u017ee\u010de Safari na iPhonu m\u016f\u017eete na domovskou obrazovku snadno p\u0159idat jakoukoli webovou str\u00e1nku. \u201eWebovou aplikaci\u201c v\u0161ak nelze p\u0159idat do knihovny aplikac\u00ed. Nezobraz\u00ed se v knihovn\u011b aplikac\u00ed, jako jin\u00e9 aplikace. A nem\u016f\u017eete uklidit svou domovskou obrazovku t\u00edm, \u017ee ji odstran\u00edte z domovsk\u00e9 obrazovky a ponech\u00e1te ji pouze v knihovn\u011b aplikac\u00ed, jak je to mo\u017en\u00e9 u aplikac\u00ed App Store.<\/p>\n<p>Otev\u0159ete web v Safari. Safari je jedin\u00fd prohl\u00ed\u017ee\u010d, kter\u00fd m\u016f\u017eete pou\u017e\u00edt k p\u0159id\u00e1n\u00ed webov\u00fdch str\u00e1nek na domovskou obrazovku iPhone. Tato mo\u017enost nen\u00ed k dispozici p\u0159i pou\u017eit\u00ed jin\u00e9ho prohl\u00ed\u017ee\u010de, jako je Chrome.<\/p>\n<p>Pot\u00e9 p\u0159ejd\u011bte na str\u00e1nku, kterou chcete otev\u0159\u00edt p\u0159i p\u0159\u00edstupu na web z domovsk\u00e9 obrazovky. Webov\u00e1 str\u00e1nka otev\u0159e str\u00e1nku, kterou vyberete, tak\u017ee je d\u016fle\u017eit\u00e9 p\u0159ej\u00edt na spr\u00e1vnou str\u00e1nku, nap\u0159\u00edklad na domovskou str\u00e1nku, abyste zabr\u00e1nili tomu, aby se pozd\u011bji stala obt\u011b\u017euj\u00edc\u00ed.<\/p>\n<p>Pot\u00e9 klepn\u011bte na ikonu \u201eSd\u00edlet\u201c na panelu n\u00e1stroj\u016f ve spodn\u00ed \u010d\u00e1sti obrazovky.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>V doln\u00ed \u010d\u00e1sti obrazovky se zobraz\u00ed nab\u00eddka. V nab\u00eddce klepn\u011bte na \u201eP\u0159idat na domovskou obrazovku\u201c.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Pot\u00e9 zadejte n\u00e1zev z\u00e1lo\u017eky webov\u00e9 str\u00e1nky, kterou uvid\u00edte na domovsk\u00e9 obrazovce. Toto je n\u00e1zev, kter\u00fd se zobraz\u00ed pod ikonou aplikace, tj. n\u00e1zev va\u0161\u00ed provizorn\u00ed aplikace. Neprov\u00e1d\u011bjte \u017e\u00e1dn\u00e9 zm\u011bny v odkazu.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Nakonec klepn\u011bte na tla\u010d\u00edtko &#8216;P\u0159idat&#8217; v prav\u00e9m horn\u00edm rohu obrazovky.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Webov\u00e1 aplikace se objev\u00ed na va\u0161\u00ed domovsk\u00e9 obrazovce v dal\u0161\u00edm voln\u00e9m slotu stejn\u011b jako jak\u00e1koli nov\u011b nainstalovan\u00e1 aplikace.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Klepnut\u00edm na ikonu m\u016f\u017eete web kdykoli otev\u0159\u00edt z domovsk\u00e9 obrazovky. Nyn\u00ed, v z\u00e1vislosti na webu, se p\u0159i otev\u0159en\u00ed webov\u00e9 aplikace stane jedna ze dvou v\u011bc\u00ed. Bu\u010f se otev\u0159e ve va\u0161em prohl\u00ed\u017ee\u010di na nov\u00e9 kart\u011b, jako ka\u017ed\u00e1 jin\u00e1 webov\u00e1 str\u00e1nka. Nebo se otev\u0159e nez\u00e1visle na prohl\u00ed\u017ee\u010di Safari. Rozhran\u00ed bude st\u00e1le stejn\u00e9 jako webov\u00e9 str\u00e1nky v prohl\u00ed\u017ee\u010di, ale nebudou k dispozici \u017e\u00e1dn\u00e9 dal\u0161\u00ed n\u00e1stroje prohl\u00ed\u017ee\u010de.<\/p>\n<figure class=\"wp-block-image\"><figcaption>P\u0159\u00edklad webov\u00e9 str\u00e1nky, kter\u00e1 se otev\u00edr\u00e1 nez\u00e1visle na prohl\u00ed\u017ee\u010di.<\/figcaption><\/figure>\n<p>Kdy\u017e naraz\u00edte na to druh\u00e9, narazili jste na progresivn\u00ed webovou aplikaci. I kdy\u017e je p\u0159id\u00e1n na domovskou obrazovku zp\u016fsobem podobn\u00fdm jak\u00e9mukoli jin\u00e9mu webu, existuje n\u011bkolik krit\u00e9ri\u00ed, kter\u00e1 mus\u00ed web spl\u0148ovat, aby se kvalifikoval jako PWA. Z\u00e1kladn\u00edm krit\u00e9riem pro to, aby se web stal PWA, je, \u017ee mus\u00ed spl\u0148ovat krit\u00e9ria instalovatelnosti. Kdy\u017e p\u0159id\u00e1te jakoukoli jinou str\u00e1nku webu krom\u011b domovsk\u00e9 str\u00e1nky, otev\u0159e se v prohl\u00ed\u017ee\u010di.<\/p>\n<p>Bez ohledu na to, jak se webov\u00e1 str\u00e1nka otev\u00edr\u00e1 \u2013 v Safari nebo nez\u00e1visle \u2013 ji m\u016f\u017eete p\u0159esouvat na domovsk\u00e9 obrazovce nebo ji smazat jako kteroukoli jinou aplikaci na va\u0161em iPhone. Klepnut\u00edm a podr\u017een\u00edm ikony webov\u00e9 aplikace nebo pr\u00e1zdn\u00e9ho m\u00edsta na obrazovce vstoup\u00edte do re\u017eimu jiggle. Pot\u00e9 aplikaci podr\u017ete a p\u0159et\u00e1hn\u011bte kamkoli na domovskou obrazovku nebo ji p\u0159idejte do slo\u017eky.<\/p>\n<p>Chcete-li jej odstranit, klepn\u011bte na &#8216;\u2013&#8217; v lev\u00e9m horn\u00edm rohu miniatury.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Pot\u00e9 klepn\u011bte na &#8216;Smazat&#8217; v potvrzovac\u00edm vyskakovac\u00edm okn\u011b, kter\u00e9 se objev\u00ed.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<h2 id=\"h-adding-website-to-home-screen-on-android\">P\u0159id\u00e1n\u00ed webov\u00fdch str\u00e1nek na domovskou obrazovku v syst\u00e9mu Android<\/h2>\n<p>P\u0159id\u00e1n\u00ed webov\u00e9 str\u00e1nky na domovskou obrazovku va\u0161eho za\u0159\u00edzen\u00ed Android je tak\u00e9 snadn\u00fd \u00fakol. Otev\u0159ete prohl\u00ed\u017ee\u010d Chrome a p\u0159ejd\u011bte na web, kter\u00fd chcete p\u0159idat na domovskou obrazovku. P\u0159ejd\u011bte na str\u00e1nku, ke kter\u00e9 chcete m\u00edt nejrychlej\u0161\u00ed p\u0159\u00edstup. Ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f to m\u016f\u017ee b\u00fdt domovsk\u00e1 str\u00e1nka. Jak\u00e1koli str\u00e1nka, kterou p\u0159id\u00e1te na domovskou obrazovku, se v\u0161ak poka\u017ed\u00e9 otev\u0159e.<\/p>\n<p>Klepn\u011bte na ikonu nab\u00eddky se t\u0159emi te\u010dkami v prav\u00e9m horn\u00edm rohu obrazovky.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Pot\u00e9 v nab\u00eddce klepn\u011bte na \u201eP\u0159idat na domovskou obrazovku\u201c.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Zadejte n\u00e1zev ikony aplikace, kter\u00e1 se zobraz\u00ed na domovsk\u00e9 obrazovce, a klepn\u011bte na \u201eP\u0159idat\u201c.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Pot\u00e9 klepn\u011bte a podr\u017ete ikonu aplikace nebo klepn\u011bte na \u201eP\u0159idat\u201c na webovou str\u00e1nku na domovskou obrazovku.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Ikona aplikace pro web bude p\u0159id\u00e1na na domovskou obrazovku. M\u016f\u017eete ji p\u0159esouvat nebo ji smazat z domovsk\u00e9 obrazovky jako kteroukoli jinou aplikaci. V z\u00e1vislosti na webu se p\u0159i otev\u0159en\u00ed webu otev\u0159e bu\u010f v prohl\u00ed\u017ee\u010di, nebo nez\u00e1visle na n\u011bm, pokud se jedn\u00e1 o PWA.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>P\u0159id\u00e1n\u00ed webov\u00e9 str\u00e1nky na domovskou obrazovku v\u00e1m m\u016f\u017ee situaci zna\u010dn\u011b zjednodu\u0161it. A a\u0165 u\u017e pou\u017e\u00edv\u00e1te iPhone nebo Android, existuje snadn\u00fd zp\u016fsob, jak to ud\u011blat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V App Store a Play Store jsou miliony aplikac\u00ed. A to \u010d\u00edslo jsem ani trochu nep\u0159ehnal. Na v\u0161echno dnes existuje aplikace. A p\u0159esto je na sv\u011bt\u011b je\u0161t\u011b v\u00edce webov\u00fdch str\u00e1nek. A bez ohledu na to, jak moc bychom si jinak p\u0159\u00e1li, neexistuje aplikace pro ka\u017ed\u00fd web, kter\u00fd internet nab\u00edz\u00ed. M\u00e1te-li webovou str\u00e1nku, kterou \u010dasto r\u00e1di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6,9],"class_list":["post-1501","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-android","tag-iphone"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/posts\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/comments?post=1501"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/posts\/1501\/revisions"}],"predecessor-version":[{"id":1502,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/posts\/1501\/revisions\/1502"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/media?parent=1501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/categories?post=1501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/cs\/wp-json\/wp\/v2\/tags?post=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}