Autor Zpráva
it47
Profil
Ahojte,

nepoznate prosim nejake riesenie, ze by dalo do mobilnej verzie stranky (teda ked idem cez mobil/tablet) na vrchu stranky take okienko, ze k webu existuje aj mobilna android aplikacia?

Nieco take ma www.seznam.cz (musite ist cez mobil), je tam aj krizik na zrusenie.

Nepoznate nieco free dostupne.

Vopred dakujem velmi pekne.
preca1
Profil
Zdravim,
jediné řešení, co mě napadá, je kontrolovat hlavičku User-Agent (která nemusí bejt vždycky nastavená a uživatel jí může podvrhnout). (To řešení jsem nezkoušel, takže doporučuju to předem vyzkoušet, případně upravit.)
Řešil bych to spíš na straně serveru než prohlížeče.
it47
Profil
preca1:
Dakujem, to je jasne. Detekovat nie je problem.

Mne ide o to, o zobrazenie tej hlavicky na vrchu stranky a aj to, ze ked kliknem INSTALOVAT tak sa hned otvori google play aplikacia.

Viete mi prosim niekto poradit?

Vopred dakujem velmi pekne.
Jan Tvrdík
Profil
it47:
ked kliknem INSTALOVAT tak sa hned otvori google play aplikacia
To bude pravděpodobně normální odkaz do Google Play, který si v Androidu zpracuje aplikace Google Play. Viz také developer.android.com/distribute/googleplay/promote/linking.html
it47
Profil
Jan Tvrdík:
To bude pravděpodobně normální odkaz do Google Play, který si v Androidu zpracuje aplikace Google Play. Viz také developer.android.com/distribute/googleplay/promote/linking.html
No ked skusam tie priklady a kliknem cez mobil, tak sa mi to otvori google play web stranka, na miesto otvorenia webovej aplikacie.

Vam to ide?
Jan Tvrdík
Profil
it47:
Vam to ide?
Záleží na nastavení telefonu. Na www.seznam.cz/aplikace používá seznam normální odkazy.
it47
Profil
Jan Tvrdík:
Uz viem ako to spravit, treba na miesto http:// dat market://

Ale neexistuje nejake riesenie, ktore vlozi automaticky do stranky na vrch stranky nejaky iframe s moznostou stiahnutia aplikacie?
Chamurappi
Profil
Reaguji na it47:
Ono je vložení odkazu tak těžké, že ho musí dělat nějaká automatika? A proč by to měl dělat <iframe>? Co by se mělo načítat do něj?
(A vlastně jak souvisí staticky zobrazovaný box s JS?)
it47
Profil
Chamurappi:
Ono tam musi byt este nejaka finta. Lebo ako dosiahnes, ze font v tom boxiku bude rovnako velky v pripade, ked mas:
1.) telefon na vysku
2.) telefon na sirku

Vsimni si, ze tam na sezname, sa velkost fontu pri obracani telefonu vobec nemeni.

Ako je to mozne?
martin1312
Profil
it47:
neviem teda, či som presne pochopil, ale takto sa mi štandardne správajú asi všetky webstránky, kt. som navštívil na telefóne. A ak by si chcel niečo špeciálne, nie je problém použiť media query v CSS a podľa rozlíšenia nastavovať font, aký chceš.
it47
Profil
martin1312:
pozri si prosim Ta mobilnu verziu Seznam.cz cez android.

Ako dosiahnem, ze ten horny box bude ROVNAKO velky ci pozeram stranku na sirku alebo na vysku?

Vopred dakujem velmi pelne.
martin1312
Profil
it47:
mne sa rovnako veľký nezobrazuje, je vždy na celú šírku prehliadača, čo sa dá dosiahnuť jednoducho cez width: 100%
it47
Profil
martin1312:
ano, ale font a obrazky vsetko je rovnako velke.

Totizto ked nieco take spravim do vlastneho webu, tak font je TAK VELKY, aka je aktualna sirka webu.

Ako to prosim viem dosiahnut?
martin1312
Profil
Zrejme záleží na tom, ako definuješ veľkosť fontu (v akých jednotkách - px, em, %,...). Pošli odkaz na tvoj web.
it47
Profil
martin1312:
Ide vlastne o to, ako dosiahnut aby velkost pisma sa nemenila, ked ZOOMujem stranku v prehliadaci...

Da sa to?


toto ked vyriesime, tak to mame. ;-))


Napriklad mame web:

 <html>
      <head>
        <title>
            HTML test page
        </title>
        <style>
body {
    width: 100%;
    height: 100%;
    margin:auto;
}
#container {
    vertical-align: middle;
    margin:auto;
    height:100%;
    width:100%;
    display: table;
}
span {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    font-size:5em;
    color:#fff;
}
#inner {
    margin:auto;
    width:50%;
    height:auto;
    border:100px solid #bbb;
    color:Green;}
        </style>
      </head>
      <body>
    <body>
        <div id="container">
        <div class="horizontal">
            </div>
            <div class="vertical" style="float:left;">
            </div>
            <div class="vertical" style="float:right;">
            </div>
            <div class="horizontal" style="float:left;" >     
            </div>
            <span><div id="inner">HTML Test page</div>
            </span>
        </div>
    </body>
      </body>
    </html>


A chcem aby ten box tam vyzera uplne rovnako ci ho pozeram cez mobil na vysku alebo na sirku. (teraz sa roztahuje)
martin1312
Profil
it47:
Nerozumiem presne, čo chceš dosiahnuť, ale ľudia si väčšinou stránku zoomujú kvôli tomu, aby vedeli prečítať napríklad malé písmo. V prvom rade by som sa teda zamyslel nad tým, či je to skutočne potrebné a či to nebude viac komplikovať život užívateľom.
V druhom rade myslím, že pri normálnom zoomovaní celého obsahu sa to asi nedá ovplyvniť, pri mobiloch ale môžeš "zakázať" zoomovanie úplne. Nie som ale expert na takéto špecifické situácie (nepotreboval som to riešiť).

V prípade toho seznam.cz sa mi pri zoomovaní písmo zväčšuje, takže som trochu mimo, prečo si to uviedol ako príklad.

// toto má dosť ďaleko od živej ukážky, ale že som dobrý tak http://kod.djpw.cz/etab a http://kod.djpw.cz/etab- pre prípadných "riešiteľov" :) A idem sa na to pozrieť...
it47
Profil
martin1312:
Myslim to, ze ked Seznam pozeras cez mobil na vysku alebo na sirku, tak nech horny banner je stale rovnaky. A to presne chcem dosiahnut.
Co ked skusis na mojom kode, tak to nejde.

Preco?


martin1312:
Super, dikes za ukazky, teraz sme na dobrej ceste to dosiahnut. ;-))) Uz teraz som vam vsetkym velmi vdacny :))

Vsimnite si, ze http://kod.djpw.cz/etab- sa pri prevracani telefonu zvacsuje/zmensuje.
martin1312
Profil
it47:
tak keď mu definuješ šírku 50%, je logické, že pri rozdielnom rozlíšení (orientácií mobilu) bude tých 50% vždy iná veľkosť. Ak to chceš rovnaké, nastav pevnú šírku.
A čo stále nerozumiem, pri sezname ten horný banner vôbec nie je stále rovnaký, má iba rovnakú výšku, šírka sa mu mení a je vždy 100% obrazovky.
it47
Profil
martin1312:
Ok stale sa nerozumieme. Ano, na Sezname je pevna vyska, a sirka na 100%. To je v poriadku a ta sirka sa teda meni. Ale vsimni si, ze velkost fontu je stale rovnaka.

A co v nasom pripade, sa velkost fontu stale meni pri obracani telefonu.

Vieme to spravit, tak, ze sirka sa kludne moze menit ale velkost fontu bude stale rovnaka?
Jan Tvrdík
Profil
it47:
První výsledek hledání problému Google zmiňuje použití nestandardní vlastnosti -webkit-text-size-adjust: none. Viz developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
it47
Profil
Jan Tvrdík:
Dikes za zaujimave riesenie, avsak nefunguje to. Tebe to ide?

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: