通過javascript更改圖像的src，不會在移動設備中生效

我已經編寫了一個小的javascript代碼來獲取用戶瀏覽器的屏幕尺寸。首先，將img元素的src屬性設置爲靜態圖像url。當頁面滿載時，通過更改img的src（現在包含尺寸爲uri參數（稍後，在服務器端，這些參數將被處理）），將以下代碼計算屏幕尺寸並將其發送到服務器：通過javascript更改圖像的src，不會在移動設備中生效

<img id="screenres" src="http://static.example.com/image.jpg" alt="" width="20" height="20" /> 

    <script> 
window.onload=function(){ 
    var w =Math.round(screen.width); 
    var h =Math.round(screen.height); 
    document.getElementById("screenres").src= 
       "http://www.example.com/screen/"+w+"/"+h; 
    } 
    </script>

這種方法在桌面瀏覽器中完美工作，但對移動用戶來說卻失敗了。你能告訴我這種方法有什麼問題嗎？預先感謝您提出解決此問題的建議。

來源

2015-04-27 Ormoz

當你說它不起作用，它會失敗還是不按預期顯示？屏幕可能很小，但通常桌面環境中的屏幕很大。 –

您是否有指向桌面的工作頁面的鏈接，但不支持移動設備？ –

@Anthony，它不會將http請求發送到服務器。 – Ormoz

var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) 
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)

來源

2015-04-27 20:22:59

解釋會有幫助。 –

通過javascript更改圖像的src，不會在移動設備中生效

回答

相關問題