Hyper Cache和行動版網頁不相容的解決法

早上liuic99回報Android手機看本站會CSS脫皮,看了一下,應該是HyperCache這個外掛的副作用。
同樣的問題也會發生在所有cache類外掛和wptouch類外掛上面,所以筆記一下。

HYPER.JPG

解決方法是在"Configuration for mobile devices"中啟用 "Detect mobile devices",然後clear cache,這能解決大部分問題。

有些手機或平板所提交的mobile user agent太冷門,以至於無法辨識。下面這份list是我修正的:
avantgo
blackberry
blazer
cellphone
danger
docomo
elaine/3.0
epoc
eudoraweb
handspring
hiptop
iphone
ipod
kyocera
lg
Mobile Safari
mmef20
mmp
mot
mot-v
motorola
netfront
newt
nokia
opera mini
opwv
palm
palmos
playstation portable
portalmmm
proxinet
samsung
sharp-tq-gx10
small
smartphone
sonyericsson
symbian
symbianos
ts21i-10
up.browser
up.link
wap
webOS
windows ce

標顏色的部份是2010年後新增比較常見的ua,主要是因為hypercache沒有更新清單的緣故造成。

另外,這份清單我刻意把iPad或類似平板排除,平板上面還是看一般網頁較方便。如果還有問題的用戶,請將你的平板瀏覽器設定為 desktop mode。(不來恩的解說)

如果有誰知道 PSV和3DS的ua,也麻煩提供一下...

附註:這樣子↓ 就算脫皮了


正常是這樣(mobile版)↓


或這樣(tablet版)

留言

這個網誌中的熱門文章

從此乳袋不只是幻想穿著,二次元+1大勝利!

MACROSS 年表*改 (2016版)

Windows 10 高DPI文字模糊解法