透過js判斷訪客顯示器螢幕解析度並給予提示_javascript技巧

透過js判斷訪客顯示器螢幕解析度並給予提示


先給程式碼範例：

[Ctrl A 全選註:如需引入外部Js需刷新才能執行

]


這段程式碼
]<script> <!-- fw="1920";fh="1200"; var uw=window.screen.width; var uh=window.screen.height; if(fw==uw) { if(fh==uh){document.write("<span class='green'>完全适合做您的桌面")} else if(fh<uh){document.write("<span class='red'>不适合做您的桌面")} else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘")} } else if(fw<uw){document.write("<span class='red'>尺寸略小，不适合做您电脑的桌布")} else if(fw>uw){ if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面")} else {document.write("<span class='yellow'>不完全适合您的分辨率，您可以自己动手裁剪↘")} } --> </script> 這段程式碼大意是透過比較圖片解析度和桌面解析度來判定改圖是否適合直接用作訪客的桌面桌布。其中fw="1920"和fh="1200"後面的1920、1200分別是圖片的寬度和高度參數，可以用php等讀取的實際圖片寬度和高度參數代替。以前第11、12行前面的判斷我都是用的if,昨天把桌面分辨率調大以後發現這樣會有2個提示——如果桌面分辨率大於圖片分辨率，換成else if平行代碼後錯誤解決。 另外本來想用PHP的方法傳遞圖片寬度和高度，但是這樣要用get提前傳遞，要么出現跳轉甚至死循環，所以暫時只有用JS來判斷了。當然也有js和php結合的辦法，效果都不是很好。