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

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



解決方法是在"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版）