Thursday, December 29, 2011

[Android][HTML][JavaScript] 超簡單!讓網頁自動切換到手機版網頁(行動裝置版本)

透過使用者的瀏覽器螢幕大小,就能夠讓使用手機上網的人,切換到適合手機閱讀的行動裝置版本網頁,程式碼如下...
<script type="text/javascript">
if(window.innerWidth && window.innerWidth <= 480){
    document.location.href="http://xxx.xxx.xxx";
}
</script>

程式碼說明:如果使用者的瀏覽器小於480px,就自動轉到手機版網頁的網址。

如果抓不到寬度,請使用別種語法抓取,請參考

JavaScript 獲取頁面高度(多種瀏覽器)

[Javascript]三個好用的Height,Width屬性

No comments:

Post a Comment