[ Webhosting profitux.cz ]
v6ak [ programování, bezpečnost, web, php, java, ... ] (Vít Šesták)
Buzz - v6ak Twitter - v6ak

štítky

Jak řeším problém s Operou Mini v desktopovém zobrazení na svém webu?

Opera Mini má dnes dva režimy zobrazení: desktopové a mobilní. Jedním z mnoha rozdílů je, že každý režim vykreslí špatně jiné stránky. To se projevilo i na mém webu v6ak.profitux.cz. Řeším to způsobem, který sice není ideální, ale možná se vám taky bude hodit.

Ten problém jsem totiž nedvedl vyřešit. Lišta s menu je s desktopovým zobrazením podbarvena jen kam až sahá obrázek a dál nic. To je problém, protože bílý odkaz na bílém pozadí je doslova nečitelný, přímo neviditelný.

Moje řešení

Rozhodl jsem se tedy uživateli doporučit Mobilní zobrazení. Nechci, aby se to zobrazovalo všem. Jen uživatelům Opery Mini s Desktopovým zobrazením.

Vím, že hlášky tohoto typu nejsou moc oblíbené, ale je to pořád lepší, než neříct nic. Navíc nastavení režimu prohlížení není IMHO tak strašná jako změna prohlížeče. Rád bych vyhověl těm, subjektivně řečeno, podivínům, kterí mají zapnuté desktopové zobrazení, aspoň trošku.

Detekce Opery mini

Operu Mini lze detekovat v http požadavku snadno. A to podle specifických http hlaviček. Já se rozhodl použít X-OperaMini-Features. Pokud chcete použít přímo proměnnou $_SERVER, pak podmínka v PHP bude vypadat takto:

isset($_SERVER['HTTP_X_OPERAMINI_FEATURES'])

Detekce desktopového zobrazení

Desktopové zobrazení jsem už rozlišil pomocí CSS. Opeře Mini jsem vždy vecpal malý DIVík s obsahem o problému. Ten jsem pomocí CSS skryl pro Mobilní zobrazení:

@media handheld{ #editor_hack{} .opera-mini-desktop{ display: none; } }

Výsledek

Opera Mini s hláškou o problému Opera Mini v mobilním zobrazení bez hlášky

Jak se tedy můžete přesvědčit, hláška se zobrazí skutečně jen v desktopovém zobrazení.

Diskuzi ke článku naleznete zde.

Linkování

Líbí se Vám tato stránka? Zalinkujte ji!

Chcete sledovat novinky? Pokud si právě prohlížíte článek a hledáte RSS pro celý web, pak jste trošku jinde. Možná hledáte poslední změny.

Validní HTML 4.01 StrictValidní CSS 2.0Validní hlavní RSS kanálPHP 5Apache
referer: UA:CCBot/2.0 (http://commoncrawl.org/faq/) time:0.47902600 1503523046
web
mail
comment