Csatlakozz te is!

A közösséghez

 
 
Fejlesztői blog
Fejlesztői blog : Android Chrome URL és értesítési sáv színének változtatása

Android Chrome URL és értesítési sáv színének változtatása

Figi  2016.01.16. 19:04

Idei első cikkünket egy mobilos cikkel szeretném kezdeni. Bár még nem arról szól, hogyan lehet mobil kinézete weboldaladnak, egy lépéssel közelebb vagyunk hozzá. Android –os Chrome –nak van egy különleges funkciója, amelyet rendkívül kevés weboldal használ: URL sáv és az értesítési sáv színezése.


Pontosan miről is van szó? Íme az alábbi kép a sima História Android –os Chrome alatt, és a színezés után:

 

Bal oldalt az eredeti megjelenés látható, jobb oldalt a színezett. 

A kódot a G-Portálos oldalakba hivatalosan nem lehet belerakni, mivel nem tudunk a <head /> részbe belenyúlni, viszont jQuery –vel ki lehet cselezni. 2014 óta minden G-Portálos weboldalon betöltődik a jQuery, így bárki fel tudja használni az alábbi kódot. Fontos: próbáld a kódot a weboldalad legelejére berakni, hogy minél előbb színezze át.

<script>
  $("head").append('<meta name="theme-color" content="#4a423d">');
</script>

#4a423d a színkódja az URL sávnak. Harmonizáld a Chrome -ot a mobilodon G-Portálos weboldaladdal! :) 

Hamarosan további mobilos cikkel fogok jelentkezni, a cikk is lassan kész, amelyben mobilos G-Portálos weboldalt tudtok készíteni. 

A fenti kód csak a 39 –es verziószámú Androidos Chrome –tól működik. 

Még nincs hozzászólás.
 

 
KEDVENC KÉP

Küldj be Te is képet! >>>

 
TÁRSALGÓ
 
HÍRFOLYAM
Friss hozzászólások
 
SZAVAZÁS
Te varázsoltál tavaszi kinézetet a portálodra?

Igen
Nem
Szavazás állása
Lezárt szavazások
 
HÍRLEVÉL
E-mail cím:

Feliratkozás
Leiratkozás
SúgóSúgó
 
TÁMOGATÓK

AndreaSerlegBolt
UIP Duna Nemzetközi FIlm Kft
Horgolt Csoda
Moments