通过js判断访客显示器屏幕分辨率并给出提示_javascript技巧

通过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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

这段代码大意是通过比较图片分辨率和桌面分辨率来判定改图是否适合直接用作访客的桌面壁纸。其中fw="1920"和fh="1200"后面的1920、1200分别是图片的宽度和高度参数，可以用php等读取的实际图片宽度和高度参数代替。以前第11、12行前面的判断我都是用的if,昨天把桌面分辨率调大以后发现这样会有2个提示——如果桌面分辨率大于图片分辨率，换成else if平行代码后错误解决。

另外本来想用PHP的方法传递图片宽度和高度，但是这样要用get提前传递，要么出现跳转甚至死循环，所以暂时只有用JS来判断了。当然也有js和php结合的办法，效果都不是很好。