兄弟們,我有個需求是這樣的:我有個網(wǎng)站,透過www.website.com訪問Web頁面,但是我想給對應(yīng)的Web頁面各做一個對應(yīng)的Wap頁面來簡化並提升移動端用戶訪問該頁面的體驗並做好頁面的適應(yīng),然後可以透過m.website.com訪問,我們需要在某些場景將我們的頁面url給到我們的合作方引流,我們希望將www.website.com的連結(jié)給到合作方,直到使用者造訪時根據(jù)客戶端的UA(User-Agent)來區(qū)分行動端使用者並rewrite到m.website.com對應(yīng)的頁面去,所以請教下在Apache中如何根據(jù)UA來進(jìn)行rewrite ?而這麼多的UA是如何區(qū)分是否是行動端的(http://www.user-agents.org/)?
Web領(lǐng)域何事無先驅(qū)?參考:http://detectmobilebrowsers.com/,字母序第一項,Apache
UA 這種方法雖然也能實現(xiàn),但很多時候UA並不準(zhǔn)確,當(dāng)下的瀏覽器這麼多,每天都冒出新的,造成UA後續(xù)維護(hù)工作量很大,所以更建議使用通過判斷分辨率大小的方式來實現(xiàn)。例如用javascript判斷
還有一個基於現(xiàn)有網(wǎng)站改進(jìn)的,就是用 CSS3 的 Media Queries
對于 @media only screen and (max-width: 767px) { /* 分辨率小于 767px 時的樣式 */ }
實例參考 http://webdesignerwall.com/tutorials/...