Optimalizácia webu pre mobil
7.9 2011, 11:03
Sám som sa potrápil pri optimalizácii môjho blogu pre mobil, preto som sa rozhodol, že to niekomu uľahčím. Chcem sa podeliť s pár užitočnými radami a jedným užitočným linkom.
Ak hľadáte spôsob, ako sa vyhnúť problémom pri optimalizácii vašich webstránok pre mobliný browser a mobil s internetom nemáte, môžete robiť dve veci.
Prvá možnosť je stiahnuť si z internetu nejaký emulátor a hrať sa s ním. Toto ale považujem za dosť zdĺhavý proces, keďže budete musieť web v emulátore stále obnovovať, aby ste si prezreli zmeny a ich vplyv na celú webstránku.
Druhá možnosť je nastaviť si dočasne CSS pre mobil ako hlavné CSS a použiť prehliadač, ktorý podporuje "developer tools". Ja osobne preferujem Firefox s prídavkom Firebug. Je na nezaplatenie. Zmeny môžete robiť priamo v načítanej stránke a Firefox ich hneď zobrazí. Je to interaktívne a rýchle riešenie. Stačí si zmenšiť šírku prehliadača a simulovať tak obrazovku mobilu. Firebug sa dá otvoriť v novom okne, takže sa nemusíte tlačiť spolu s webstránku v jednom okne. Postupne, krok po kroku sledujete ako sa stránka mení a zmeny si zapisovať do CSS (nezabudnime, že zmeny vo Firebugu sú iba dočasné, preto si ich musíme pralelne zapisovať do CSS aby sa nám po refreshi nestratili).
Keď už máte hotovo, môžete použiť nejaký online mobil emulátor, ja som našiel zopár a nestáli ani za pokus, preto vás chcem upozorniť na jediný link, ktorý naozaj fungoval tak ako sľuboval. Jedná sa o online emulátor Opery mini. Mne pomohol. Aspoň do tej miery aby som videl výsledný efekt.
Ak hľadáte spôsob, ako sa vyhnúť problémom pri optimalizácii vašich webstránok pre mobliný browser a mobil s internetom nemáte, môžete robiť dve veci.
Prvá možnosť je stiahnuť si z internetu nejaký emulátor a hrať sa s ním. Toto ale považujem za dosť zdĺhavý proces, keďže budete musieť web v emulátore stále obnovovať, aby ste si prezreli zmeny a ich vplyv na celú webstránku.
Druhá možnosť je nastaviť si dočasne CSS pre mobil ako hlavné CSS a použiť prehliadač, ktorý podporuje "developer tools". Ja osobne preferujem Firefox s prídavkom Firebug. Je na nezaplatenie. Zmeny môžete robiť priamo v načítanej stránke a Firefox ich hneď zobrazí. Je to interaktívne a rýchle riešenie. Stačí si zmenšiť šírku prehliadača a simulovať tak obrazovku mobilu. Firebug sa dá otvoriť v novom okne, takže sa nemusíte tlačiť spolu s webstránku v jednom okne. Postupne, krok po kroku sledujete ako sa stránka mení a zmeny si zapisovať do CSS (nezabudnime, že zmeny vo Firebugu sú iba dočasné, preto si ich musíme pralelne zapisovať do CSS aby sa nám po refreshi nestratili).
Keď už máte hotovo, môžete použiť nejaký online mobil emulátor, ja som našiel zopár a nestáli ani za pokus, preto vás chcem upozorniť na jediný link, ktorý naozaj fungoval tak ako sľuboval. Jedná sa o online emulátor Opery mini. Mne pomohol. Aspoň do tej miery aby som videl výsledný efekt.
Videné 3238 krát.
Kategórie: [webdizajn]
