2013-02-27 85 views
1

即時通訊檢測瀏覽器寬度爲screen.width,這是可能的,我期待重定向我的網站移動版本? 這裏是我想更改代碼...重定向到移動使用瀏覽器寬度,而不是屏幕寬度

<script type="text/javascript"> 


<!-- 
if (screen.width <= 767) { 
    window.location = "http://m.mysite.com"; 
} 
//--> 
</script> 

screen.width似乎沒有給一個可靠的響應,該決議是在手機上(我認爲這是問題)那麼高。所以當我將這個數字設置的更高時,它開始在Ipad或小型桌面瀏覽器上加載移動網站。

因爲我不想在每次發佈新手機時檢查每個站點,所以我不想讓用戶代理路由失效。

謝謝。

+0

我認爲你缺少的「移動」的定義。什麼是移動的你?這是所有運行Android或iOS的設備嗎?你確定屏幕的寬度或大小,以確定它是否是移動?觸摸設備是否被視爲移動設備?在尋求解決方案之前,您必須首先爲您定義什麼是「移動」。 – Uooo 2013-02-27 13:10:06

+0

我會考慮手機的平均大小的手機,你可以打電話,所以android和ios本身不夠準確(因爲平板電腦)。 – Adrian 2013-02-27 16:40:43

回答

0

我不是很熟悉這個問題,但爲了幫助你,我搜索了一下,發現了一些可能對你有用的文章,它們包括PHP,Javascript和一些文檔,內容涉及如何爲什麼& 。

也許你會發現它很有用。

1:

http://twoninewebdesign.com/2012/01/Admin/mobile-device-redirect-for-your-website/

2:

http://mobithinking.com/guide-device-detection

3:

http://www.webhostinghub.com/support/website/how-to/mobile-redirect

誠懇, Harmen布林克曼。

0

我決定去用戶代理,屏幕寬度和窗口寬度的組合。這應該儘可能準確。

我使用的PHP代碼從這裏... http://detectmobilebrowsers.com/ 和編輯我的JavaScript一點...

<script type="text/javascript"> 

windowWidth = window.innerWidth; 
<!-- 

if (screen.width <= 767 || windowWidth <= 767) { 
    window.location = "http://m.mysite.com"; 
} 
//--> 
</script> 
<?php //CODE FROM LINK ABOVE ?>